AllowHTML flag doesn't work in custom variations about helipopper HOT 10 CLOSED

if you want to render html inside ng-template use innerHTML

from helipopper.

Same issue here #96

from helipopper.

cb4f2f7

from helipopper.

You can use ng-template

from helipopper.

I don't mind seeing a PR that makes it configurable.

from helipopper.

@NetanelBasal ng-template is not an option in some cases.
For example if you are iterating through an array with dynamic tooltips. Check this example https://stackblitz.com/edit/angular-ivy-gvajja?file=src%2Fapp%2Fapp.component.ts

from helipopper.

I concern that upgrading the package version breaks the existing functionality.

from helipopper.

@NetanelBasal ng-template is not an option in some cases. For example if you are iterating through an array with dynamic tooltips. Check this example https://stackblitz.com/edit/angular-ivy-gvajja?file=src%2Fapp%2Fapp.component.ts

@NetanelBasal did you get a change to check this example? Do you have any suggestions what to do in such cases?

from helipopper.

<h1>Allow HTML test</h1>
<ul *ngFor="let item of items">
  <ng-template #foo>
    <p>{{ item.name }}</p>
  </ng-template>
  <li [tippy]="foo" variation="templateTooltip">
    {{ item.name }}
  </li>
</ul>

from helipopper.

@NetanelBasal unfortunately the solution you provided is not working. Please check
https://stackblitz.com/edit/angular-ivy-mmuugg?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

from helipopper.