绑定中的Angular 2绑定。事件内的插值

Question

尝试执行以下操作并获得“得到插值（{{}}）表达式”错误。

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

谢谢！

Answer 1

不要在任何事件处理程序代码（在视图上）中使用{{}}（插值），直接传递表达式，这将针对Component上下文（this）进行评估，如在这里，您尝试将item.name传递给foo函数。因此删除{{}}括号就可以了。

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