複数のモーダルを扱う方法、ngForのすべての要素に1つの方法

Question

モーダルのデータターゲットダイナミクスを作成するにはどうすればよいですか？私はngForを持っており、各要素に異なるモーダルを指定する必要があります。私は.. =

等 "＃+ element.id"

データターゲット= "＃{{element.id}}"

データターゲット、試みた

<div *ngFor="let element of elements"> 
    <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="element.id">Label 
    </button> 

    <div class="modal fade" id="element.id" tabindex="-1" role="dialog" aria-labelledby="element.name"> 

    etc... 

Answer 1

あなたが []（または {{}}）が必要結合を得るために

[attr.data-target]="element.id" 

... 

[attr.id]="element.id"