2017-05-25 3 views
0

私はAngular4を使用していますが、データターゲットにIDとして動的に挿入するデータ値があります。これは私は何をJavascriptデータターゲット内の角度挿入変数ID:

が正常に動作します:

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

:行は、上記の本に変換されたいくつかの理由

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

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

をしかし、私はこれを行うとき、したがって、データターゲットはターゲットに向かう必要がありません。

なぜですか?どうすればこの問題を解決できますか?

+1

' "{{ '#' + item.id}}"=' – helllomatt

+0

同じ問題をデータ・ターゲットをお試しください... "データ - 」が廃止される。私は以前これを見たことがありません:o/ – dj2017

+1

'attr.data-target = '{{"# "+ item.id}}' 'を試してください。 [ここにはプランナーがあります](http://embed.plnkr.co/haH7wk1GgJyAFaOPotvt/) – helllomatt

答えて

2

あなたは、補間の代わりに結合attrの角度を使用しようとすることができます:

<a href="#" data-toggle="modal" [attr.data-target]="'#' + item.id">Edit</a> 
関連する問題