Angular 5 ngx-toastr不显示html消息

时间:2018-10-31 06:48:42

标签: angular angular5

我正在将Angular 5与 ngx-toastr 一起使用。我使用了以下代码来呈现HTML标记以及类似这样的消息:Hi<b>Hello</b>,这是不期望的。

this.toastr.warning("Hi<b>Hello</b>");

此外,我使用了以下代码,该代码没有控制台错误,也没有任何输出(弹出窗口):

this.toastr.show("<font color=\"red\">Hi<b>Hello</b></red></font>",null,{
disableTimeOut: true,
tapToDismiss: false,
closeButton: true,
positionClass:'bottom-left',
enableHtml:true
});

如何在ngx-toastr中启用HTML,以便使消息看起来像: 嗨你好

1 个答案:

答案 0 :(得分:5)

按参数顺序更改配置,如下所示

this.toastr.show('<font color=\"red\">Hi<b>Hello</b></red></font>"',
           'title' , {
                    enableHtml: true,
                    closeButton: true,
                    timeOut: 10000
                });

STACKBLITZ DEMO