'how to bind property to bootstrap 5 elements in angular?
Iam using angular 13, and bootstrap 5. for static contents, bootstrap elements are working fine.
<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>
But I want data-bs-content to be dynamic. Like below code
<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>
But currently angular showing error and not supporting property binding to this element.
P.S: I don't want to use ng-bootstrap, ngx-bootstrap or other frameworks.
How can I solve this ? Please help
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|