如何处理多个模态，ng中的每个元素对于

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"