在ngb-alert中使用HTML绑定

Question

目前，ng-bootstrap允许使用ng-template在工具提示和弹出窗口上绑定HTML（参见示例 - https://ng-bootstrap.github.io/#/components/tooltip/examples）。

但我无法找到办法为ngb-alert做到这一点 - 是否有支持？我需要能够在警报消息中显示自定义HTML（包括用户定义的指令），并且[innerHTML]不能为此工作，因为它不编译用户定义的指令

Answer 1

我不确定，但我想你总能做到

<ngb-alert [dismissible]="false">
    <app-my-component></app-my-component>
</ngb-alert>

或

<ngb-alert [dismissible]="false">
    <div [innerHtml]="myContent"></div>
</ngb-alert>

Answer 2

不确定这是否有帮助，但是我可以通过以下方式在邮件中使用自定义HTML：

<div #alertsArea tabindex="0" *ngFor="let alert of alerts">
  <ngb-alert type="success" tabindex="0" autofocus (close)="removeAlert(alert)">
      <h4>{{alert.type}}</h4>
      <ul>
          <li>{{alert.message}}</li>
      </ul>
  </ngb-alert>
</div>

这使我可以将消息放入UL / LI组合中，并将消息类型放入标题中。