如何将属性绑定到引导 5 个角度元素？

Question

我正在使用 angular 13 和 bootstrap 5。 对于静态内容，引导元素工作正常。

<button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" data-bs-content="popoverContent">Click to toggle popover</button>

但是我想要数据-BS-内容是动态的。像下面的代码

<button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" [data-bs-content]="popoverContent">Click to toggle popover</button>

但是目前角度显示错误并且不支持属性绑定到这个元素。

P.S：我不想使用 ng-bootstrap、ngx-bootstrap 或其他框架。

我该如何解决这个问题？请帮忙

Answer 1

我用过了数据-BS-主题角度如下：

[attr.data-bs-theme]="主题"

也许你可以尝试：

[attr.data-bs-content]="popoverContent"