I am using ng-bootstrap for tooltip.

I have a set of pagination buttons which gets displayed dynamically. Pagination

What I want is to add tool tip to each numbers(buttons). I tried the below code, the attributes are getting added but on hover tool tip is not showing. When checked in a static manner by adding in a button, tool tip is showing.

$('span button:nth-child(' + i + ')').attr('ngbtooltip', 'Found');
$('span button:nth-child(' + i + ')').attr('ng-reflect-ngb-tooltip', 'Found');

The tool tip code :

<button 
    type="button" 
    class="btn btn-outline-secondary mr-2" 
    ngbTooltip="I am Bootstrap Tooltip">
        Bootstrap Tooltip
</button>

When added dynamically may it be in a method call, the attributes are added but tool tip is not showing on hover.