如何在angular2中使用嵌套的ngFor

Question

我会显示一些数据

 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'},
];

我知道如何显示单个数据，但我想知道如何准确显示整个信息数组。

  <ul *ngFor="let pers of person">
        <li>
            {{pers.name}} {{pers.color}} {{pers.date}}
        </li>
  </ul>

Answer 1

我猜你需要这个，

  <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>

DEMO

如何在angular2中使用嵌套的ngFor

How to use nested ngFor in angular2

angular2-directives

angular