Twitter bootstrap ';数据目标';财产变成';目标';编译时

Twitter bootstrap ';数据目标';财产变成';目标';编译时,twitter-bootstrap,angular,Twitter Bootstrap,Angular,我想使用一个锚点从每个实例的多次使用的角度指令调用一个模态。 这是主播: <li> <a role="button" data-toggle="modal" data-target="#editModal{{tweet.id}}" >Edit</a> </li> 因此,这个电话不起作用 当我在浏览器中手动更改为数据目标属性时,一切正常 有没有办法防止这种情况 致以最诚挚的问候角度规格化属性名称 priva

我想使用一个锚点从每个实例的多次使用的角度指令调用一个模态。 这是主播:

<li>
   <a role="button" 
      data-toggle="modal" 
      data-target="#editModal{{tweet.id}}"
    >Edit</a>
</li>
因此,这个电话不起作用

当我在浏览器中手动更改为数据目标属性时,一切正常

有没有办法防止这种情况


致以最诚挚的问候

角度规格化属性名称

private _normalizeAttributeName(attrName: string): string {
  return /^data-/i.test(attrName) ? attrName.substring(5) : attrName;
}
注意:即使是
Hello
也可以正常工作

当您在属性内部使用插值时,它将被视为属性绑定

因此,角度将
target
属性设置为
a
元素

是反映目标HTML属性的DOMString,表示 显示链接资源的位置

这就是为什么在将
target
属性设置为anchor元素后,可以看到
target
属性

如果要保留
数据目标
属性,请使用如下属性绑定:

选择1

attr.data-target="#editModal{{tweet.id}}"
选择2

[attr.data-target]="'#editModal' + tweet.id"
attr.data target=“#editmodel{{{tweet.id}}”对我有用
[attr.data-target]="'#editModal' + tweet.id"