Angular2 - привязка ui к наблюдаемому свойству

Question

Я использую Angular 2 wit rxjs, наблюдаемый. Я создал этот интерфейс:

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

Я использую его в качестве наблюдаемой и передачи его в качестве вклада в Ui:

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

Проблема в том, когда в пользовательском интерфейсе при связывании весь объект как это я могу видеть, что это значение печатается и отображается:

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

При использовании связывания специфических свойств (что-конечно его часть игры) ничего на экране - просто покупать право y строка:

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

Возможно ли вообще? Должен ли я передать имя & описание как разные входы?

Answer 1

async труба делает подписки в поле зрения привязок

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

? необходимы только тогда, когда null значение может быть испускаются.

Answer 2

Вот пример

// 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>