Angular2 - Wiązanie interfejsu użytkownika do obserwowalnej właściwości

Question

Używam obserwowanego Angular 2 wit rxjs. Stworzyłem ten interfejs:

interface IGame { 
    name: string; 
    description: string; 
} 

używam go jako obserwowalne i przepuszczenie go jako wejście do Ui:

@Input() public game: Observable<IGame>; 

Problem jest, gdy w interfejsie użytkownika podczas wiązania cały obiekt jak to widzę, to jest wartość drukowane i wyświetlane są:

<h3>{{game | json}}</h3> 

Podczas korzystania wiążący konkretnej nieruchomości (co-oczywiście jej część gry) nic na ekranie - po prostu ograniczanie y ciąg:

<h3>{{game.name}}</h3> 
<h3>{{game.description}}</h3> 

Czy to w ogóle możliwe? czy powinienem podać nazwę & jako różne dane wejściowe?

Answer 1

Rura async ma zapis w widoku wiązania

<h3>{{(game | async)?.name}}</h3> 

? jest konieczne tylko przy null wartości mogą być emitowane.

Answer 2

Oto przykład

// the controller 
import { Component, OnInit } from '@angular/core'; 
import { Observable }  from 'rxjs/Observable'; 
// your controller metadata 
// .... 
export class ListComponent implements OnInit { 
    vehicles: Observable<Array<any>> 
    ngOnInit() { 
     this.vehicles = Observable.interval(2200).map(i=> [{name: 'car 1'},{name: 'car 2'}]) 
    } 
} 
// in the template 
<div *ngFor='let vehicle of vehicles | async'> 
    {{vehicle.name}} 
</div>