Angular 2+可以访问HTML模板中的对象

时间:2018-01-11 00:16:03

标签: angular typescript

我的组件中有一个变量

property: any;

如果我做这样的事情,我会在控制台中获得完整的对象

ngOnInit() {
this.propertyService.getProperty(this.propertyId)
  .subscribe(
  prop => console.log(prop)}

但是当我尝试下面的代码并尝试在模板中渲染对象时,我什么都没得到

ngOnInit() {
this.propertyService.getProperty(this.propertyId)
  .subscribe(
  prop => this.property = prop}

HTML模板就像这样

 <ul>
       <li>Title: {{property?.title }}</li>
       <li>Price: {{ property?.price}}</li>              
 </ul>

1 个答案:

答案 0 :(得分:0)

我在HTML模板中犯了一个小错误拼写 [routerLink] =“['/ property / edit /',proprety.id]而不是
[routerLink] =“['/ property / edit /',property.id] 这是从整个模板中的组件停止插值。谢谢大家的回应。