如何在angular2中使用嵌套的ngFor [英] How to use nested ngFor in angular2
本文介绍了如何在angular2中使用嵌套的ngFor的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我会显示一些数据
person = [
{name: 'Jacob', color: 'Red', date: '2015-03-15', info: [
'info1',
'info2',
'info3',
'info4',
'info5'
]},
{name: 'Jack', color: 'Red', date: '2017-04-25'},
{name: 'Jared', color: 'Red', date: '2016-11-15'},
];
我知道如何显示单个数据,但我想知道如何准确地放置整个信息数组.
I know how to display single data but i wonder how to dipslay exactly whole array of info.
<ul *ngFor="let pers of person">
<li>
{{pers.name}} {{pers.color}} {{pers.date}}
</li>
</ul>
推荐答案
我想您需要这个,
<ul *ngFor="let pers of person">
<li>
{{pers.name}} {{pers.color}} {{pers.date}}
<ul *ngFor="let info of pers.info">
<li>{{info}}</li>
</ul>
</li>
</ul>
这篇关于如何在angular2中使用嵌套的ngFor的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文