After Bootstrap 5 tooltip not working in Angular 11 project

Facing issue with bootstrap popover and tooltip to display the HTML content.

<button type="button" data-bs-toggle="popover" data-bs-html="true" data-bs-content= {{item.HtmlDescription}} title={{item.HtmlDescription}}>
Toggle popover`your text`
</button>


Title property content as mentioned below

<h3>My Community Resident (DCR)</h3>
Looking Criteria for this target group:
<ul>
<li>Age 18 to 39 years old, AND</li>
<li>Resides within one of the country designated:
<ul>
<li>Rural Area, OR</li>
<li>Silent Zone</li>
</ul>
</li>
</ul>

Continue reading...