Ajouter du HTML au titre du popover dans ngx-bootstrap

Question

J'essaie d'ajouter un saut de ligne au titre d'un popover en ngx-bootstrap .

Est-ce possible ?

La balise de retour à la ligne ci-dessous apparaît sous forme de texte et, pour une raison ou une autre, la balise de retour à la ligne n'est pas affichée. ng-template semble se trouver dans le corps du popover (la manière d'ajouter le titre n'est pas claire).

<ng-template #popTemplate>Just another: {{content}}</ng-template>
<button type="button" class="btn btn-warning"
        [popover]="popTemplate" popoverTitle="Template ref <BR> content inside">
  TemplateRef binding
</button>

https://stackblitz.com/edit/angular-ohncpd

Answer 1

Non, vous ne pouvez pas ajouter de HTML dans le titre.

Mais cela ne veut pas dire que nous ne pouvons pas improviser

https://stackblitz.com/edit/angular-ohncpd-lbhdgg?file=app/custom-content.html

  <h3 class="popover-title popover-header" style="margin: -.5rem -.75rem 0 -.75rem;">Template ref <BR> content inside</h3>
  Just another: {{content}}

  </ng-template>

<button type="button" class="btn btn-warning"
        [popover]="popTemplate" >
  TemplateRef binding
</button>