Give dynamic id Angular2 Binds

Viewed 80181

My JavaScript:

 this.items = [
            {name: 'Amsterdam1', id: '1'},
            {name: 'Amsterdam2', id: '2'},
            {name: 'Amsterdam3', id: '3'}
        ];

My HTML:

<ul>
  <li *ngFor="#item of items" id={{item.id}}>
    {{ item.name}}
  </li>
</ul>

I want to assign a dynamic id to each element, but can't get it to work. The name is showing up but the id is not.

4 Answers
Related