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

Question

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

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

谢谢!

Answer 1

不要{{}}在任何事件处理程序代码(在视图上)中使用(插值),直接传递表达式,这将根据Componentcontext(this)进行求值,就像在这里你试图传递item.name给foo函数一样.所以删除{{}}括号就可以了.

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