2016-05-05 6 views
1

Wenn ich eine Komponente mit einer Eigenschaft haben:Wie wird eine einzelne Observable-Eigenschaft in View von Angular2-Komponente mit einer asynchronen Pipe konsumiert?

import { Component, OnInit } from 'angular2/core'; 
import { CarService } from 'someservice'; 

@Component({ 
    selector: 'car-detail', 
    templateUrl: './app/cars/car.component.html' 
}) 

export class CarComponent implements OnInit { 

    model: Observable<Car>; 

    constructor(
     private _carService: CarService 
    ) { } 

    ngOnInit() { 
     // begin benefit setup 
     this.model = this._carService.get(5); 
    } 
} 

zum Beispiel, und ich möchte in meiner Ansicht, um ein asynchrones Rohr verwenden, um das und nutzen die Eigenschaften als Text zu zeichnen, wie kann man eigentlich abonnieren es? Zum Beispiel:

<template #mycar = "model | async" > 
    <p>{{ myCar?.make }}</p> 
</template> 

Ich bin neu in Angular2 und nicht sicher, ob ich etwas falsch mache oder nicht.

+0

sieht gut aus. Was ist das Problem? –

+0

@ GünterZöchbauer Ja, ich weiß ... aber es funktioniert nicht. :( –

+0

Ihre Frage zeigt nicht, wie 'Modell' einen Wert zugewiesen bekommen hat. Mit dem obigen Code ist es keine Überraschung, dass nichts passiert. –

Antwort

0

Versuchen:

<template #mycar = "model | async" > 
    <p>{{ (myCar | async).make }}</p> 
</template> 
Verwandte Themen