给动态 id Angular2 绑定

Question

我的脚本：

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

我的 HTML：

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

我想为每个元素分配一个动态 ID，但无法正常工作。名字出现了，但 id 没有出现。

原文由 user2924127 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您所说的方式有效，Angular 2.0.0.beta.8。

在这种情况下，您可以使用例如：

• [id]="item.id"
• [attr.id]="item.id"
• id={{item.id}}

        <ul>
        <li *ngFor="#item of items" #elem [id]="item.id">
          {{ item.name}} ID: {{elem.id}}
        </li>
       </ul>

       <ul>
        <li *ngFor="#item of items" #elem [attr.id]="item.id">
          {{ item.name}} ID: {{elem.id}}
        </li>
       </ul>

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

笨蛋

您可以在此处查看有关模板语法的更多信息。

https://angular.io/guide/cheatsheet

原文由 Angel Angel 发布，翻译遵循 CC BY-SA 3.0 许可协议