如何处理多个模态，一个用于ngFor中的每个元素

Question

如何为模态创建数据目标动态。我有一个ngFor，需要为每个元素指定一个不同的模态。我试过了，

data-target =＆＃34;＃{{element.id}}＆＃34;

data-target =＆＃34;＃+ element.id＆＃34;

等。

<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"