尝试动态生成 id 和 data-bs-target 但不起作用

Question

<ul> \n     <li data-info="Amount in (\xe2\x82\xb9)">{{depositeAmt}}</li>\n     <li data-info="Status">\n        <button class="statusbtn Process"  data-bs-toggle="collapse" data-bs-target="#collapseExample1" >{{status}}</button>\n     </li>\n</ul>\n<div class="newClass collapse" id="collapseExample1{{i}}">\n

\n

其中 i 在 ts 文件中定义为 i:number=1;

\n

Answer 1

要使用表达式或变量添加属性，您可以使用

[attr.name-of-attribute]="expresion"

例如

[attr.data-bs-target]="'#collapseExample'+i" 

但我不知道是否可以与 bootstrap 一起使用来创建崩溃