angular - 在primeng p-toast中使用html

Question

我想在primeng toast模块中使用html代码。
我尝试了不同的选择，但无法让它发挥作用。

this.messageService.add({ sticky: true, severity: 'error', summary: 'Import job', detail: 'first line of text <br\>second line of text'});

有人建议吗？

Answer 1

为了在 p-toast 中使用 HTML 内容，您可以使用一个非常简单的自定义消息模板。

<p-toast position="top-center">
    <ng-template let-message pTemplate="message">
        <p innerHtml="{{message.detail}}"></p>
    </ng-template>
</p-toast>

不需要额外的变量，模板使用 Primeng 组件原生的 message 变量。