events - 绑定(bind)中的 Angular 2 绑定(bind)。事件内插值

标签 events binding angular interpolation

尝试执行以下操作并出现“Got interpolation ({{}}) where expression was expected”错误。

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

谢谢!

最佳答案

不要在任何事件处理程序代码(在 View 上)中使用 {{}}(插值),直接传递表达式,这将针对 Component 上下文进行评估(this),就像在这里您试图将 item.name 传递给 foo 函数一样。所以删除 {{}} 括号就可以了。

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

关于events - 绑定(bind)中的 Angular 2 绑定(bind)。事件内插值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36659854/

相关文章:

c++ - 没有互斥锁的事件通知

java - 为什么更改传递给 XJC 的包名称会破坏 JAXB 生成?

javascript - 如何使用 angular2-moment 显示 1 分钟前的时间

angular - Angular2中的全局 “Trigger function on hover”

C# = MenuItem.Click 处理程序 - 获取上下文菜单所属的对象?

javascript - JQuery 的 .click() 在幕后是如何工作的?

c# - 为什么不应该在订阅同一组件的事件处理程序中对 .NET 组件进行方法调用?

wpf - 删除集合元素时出现 {RelativeSource PreviousData} 的问题

mvvm - 如何将 Combobox 的选定项绑定(bind)到两个不同的属性?

javascript - 从 Angular 中的服务获取唯一数组