如何使用异步管道在Angular2组件的视图中使用单个Observable属性？

Question

If I have a component with a property of:

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);
    }
}

for instance, and I want to in my view use an async pipe to subscribe to that and use the properties as text, how can you actually subscribe to it? For instance:

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

I am new to Angular2 and not sure if I am doing something wrong or not.

Answer 1

I believe you were close to a good solution.

 <template *ngIf = "model | async as mycar" > <p>{{ mycar.make }}</p> </template> 

Answer 2

Try:

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