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

Posted

技术标签:

【中文标题】绑定中的 Angular 2 绑定。事件内插值【英文标题】:Angular 2 binding within binding. Interpolation within event 【发布时间】:2016-08-08 04:14:23 【问题描述】:

尝试执行以下操作并得到 “Got interpolation () where expression is expected” 错误。

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

谢谢!

【问题讨论】:

【参考方案1】:

不要在任何事件处理程序代码(在视图上)中使用(interpolation),直接传递表达式,它将根据Component context(this) 进行评估,就像在这里你正在尝试将item.name 传递给foo 函数。所以删除 括号就可以了。

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

【讨论】:

以上是关于绑定中的 Angular 2 绑定。事件内插值的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 中绑定多个插值模板?

在Angular 2中的Jquery Datatable中绑定按钮事件

angular入门篇(2)——*ngIf,数据绑定事件,属性绑定

VueVue入门--双向绑定,Vue的组件,Axios异步通信,计算属性,插值,自定义事件

VueVue入门--双向绑定,Vue的组件,Axios异步通信,计算属性,插值,自定义事件

react事件绑定的三种常见方式以及解决Cannot update during an existing state transition (such as within `render`). Ren