How to use nested ngFor in angular2 [duplicate]

Question

I would display some data

 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>

Maybe use google for a next time? There are at least 2 other questions related to yours in SO — Jota.Toledo
– Jota.Toledo, Commented Dec 3, 2017 at 21:28

Sajeetharan · Accepted Answer · 2017-12-03 20:31:56Z

2

I guess you need this,

  <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

answered Dec 3, 2017 at 20:31

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use nested ngFor in angular2 [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related