事件 – 绑定中的Angular 2绑定.事件内的插值

尝试执行以下操作并获得“插入({{}})表达式预期”错误.

<ul>
  <li *ngFor="#item of items">
    <a href='' (click)="foo('{{item.name}}')">{{item.name}}</a>
  </li>
</ul>

谢谢！

不要在任何事件处理程序代码(在视图上)中使用{{}}(插值),直接传递表达式,这将根据Component上下文(this)进行评估,就像在这里你试图将item.name传递给foo功能.因此删除{{}}括号就可以了.

<a href="" (click)="foo(item.name)">
  {{item.name}}
</a>