Angular2 - Ben Açısal 2 zekâ kullanıyorum gözlemlenebilir mülkiyet

Question

için ui Bağlama gözlemlenebilir rxjs.

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

Bir gözlenebilir olarak kullanarak ve ui girdi olarak geçirerek:

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

sorun arayüzünde gibi bütün nesne bağlama ne zaman olduğunu bu arayüz oluşturduk Bu görebildiğim o değer basılmış olduğunu ve görüntülenen:

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

spesifik bağlanma özelliği kullanırken (hangi kurs oyunun kendi parçası) ekranında hiçbir şey - sadece bir eylemlerini önleme amacı y string:

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

mümkün mü? & açıklamasını farklı girişler olarak belirtmeliyim?

Answer 1

async boru null değerleri yayılabilir ne zaman görünüşüdür bağları abonelik

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

? gereklidir yapar.

Answer 2

İşte

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