Javascript Angular将data-target中的变量作为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

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

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