如何在不使用*ngFor
的情况下从列表中以HTML格式显示数据
例如,像list[5].name
我试过了:
PostList[5].{{def}}
{{PostList[5].def}}
答案 0 :(得分:2)
在你的情况下{{PostList[5].def}}
有效。
假设您的组件初始化了一个包含Object
export class AppComponent {
list = new Array<{name: string}>();
constructor() {
this.list[0] = {"name": "Martin"}
this.list[1] = {"name": "Emma"}
this.list[2] = {"name": "Daisy"}
}
}
如果您想获得Emma
,那么您的观点将是。
<p>
{{list[1].name}}
</p>
//Output Emma
<强>更新强>
我想补充一点,如果例如list
没有某个索引,例如索引大于2,或者该值为null。您可以使用html中的?
运算符来保证安全。
因此,即使输出为空,{{list[3]?.name}}
也不会使您的应用崩溃。
答案 1 :(得分:0)
{{PostList[5].def}}
变量,那么 this.PostList
应该有效(并且它是第6个元素是def对象的数组)