Having an issue with displaying a tooltip through the use of ng-content. When the ng-content is placed outside of the div that contains the for loop, the tooltip works and appears at the end of the sentence. However, when it is within the div, there seems to be a problem.
Template for aligned-label Component
<div class="aligned-label">
<div *ngFor="let label of getLabels()" [innerHtml]="label">
<span ng-bind="label">
<ng-content></ng-content>
</span>
</div>
</div>
Template for check-box Component
<div class="control__content">
<aligned-label class="control__label" [labels]="labelText">
<ng-template #popTemplate>
<span [innerHtml]="tooltipText"></span>
</ng-template>
<span *ngIf="tooltipText" class="mdi mdi-information" [tooltip]="popTemplate" container="body"></span>
</aligned-label>
</div>
labeltext and tooltipText are inputs for the checkbox component.