【问题标题】:Custom attribute gives parsing error when using with an angular 2.0.0-beta.0使用角度 2.0.0-beta.0 时,自定义属性会导致解析错误
【发布时间】:2016-06-01 21:10:39
【问题描述】:

我正在尝试将自定义属性与 angular2 一起使用,如下所示

 <a href="javascript:void(0)" title="{{inst.title}}" data-loc="{{inst.actionval}}">

这给了我以下错误

例外:模板解析错误: 无法绑定到“loc”,因为它不是已知的本机属性

【问题讨论】:

标签: angular angular2-template


【解决方案1】:

Angular 默认使用属性绑定,但 a 没有属性 data-loc。要明确告诉 Angular 使用属性绑定,请改用: 试试这个可能对你有用。

<a href="javascript:void(0)" title="{{inst.title}}" [attr.data-loc]="inst.actionval">

<a href="javascript:void(0)" title="{{inst.title}}" attr.data-loc="{{inst.actionval}}">

【讨论】:

  • 由于最初询问的用户没有回应,我想说的是,对于 angular 2 的发布版本,第一个建议是要走的路。
  • 哦,好吧,我应该删除第二个选项吗?
  • 不,那个也可以。我的错,当我尝试它时,我没有删除方括号。这两种选择都是可行的。
  • 感谢@PardeepJain
猜你喜欢
  • 1970-01-01
  • 2014-05-17
  • 1970-01-01
  • 2019-07-14
  • 2021-05-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多