Angular 2模板不反映从服务器检索的数据

Question

我遇到Angular 2的问题并没有反映我在模板中从服务器检索的数据。 该组件通过调用webapi来检索结果项的详细信息。

该组件通过调用webapi来检索结果项的详细信息。 登录到控制台会显示数据实际上已成功检索，但模板并未反映已检索到的数据。 我做错了什么？

在我的组件代码下面：

@Component({
    selector: 'as-resultdata-details',
    template: '
        <h1>TEST</h1>
        <span [innerHtml]="resultdata.name">
            TEST name
        </span>
    '
})
export class DataServiceItemDetailsComponent implements OnInit {
    public resultdata: IResultData;

    constructor(
        private activatedRoute: ActivatedRoute,
        private dataService: DataService
    ) { }

    ngOnInit() {
        this.activatedRoute.params
            .map(params => params['itemId'])
            .subscribe((itemId) => {
                this.getDataFromService(itemId);
        });
    }    
    private getDataFromService(itemId: number) {
        this.dataService.getDataFromService(itemId)
            .subscribe((resultdata: IResultData) => {
                this.resultdata = resultdata;
        });
    }
}