Javascript角度插入數據目標中的變量爲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>