数据目标中的Javascript Angular Insert变量为id

Question

我正在使用Angular4，我有一些要动态插入的数据值作为id在数据目标中。

我这样做很好：

<a href="#" data-toggle="modal" data-target="#myid">Edit</a>

但是当我这样做时：

<a href="#" data-toggle="modal" data-target="#{{item.id}}">Edit</a>

由于某种原因，上面的行正在转换为以下形式：

<a href="#" data-toggle="modal" target="#{{item.id}}">Edit</a>

因此，不再将数据目标依次定位。

为什么？ 我该如何解决？

Answer 1

您可以尝试使用角度属性绑定而不是插值：

<a href="#" data-toggle="modal" [attr.data-target]="'#' + item.id">Edit</a>