Question

由于我无法为此做出决定，因此这是Angular 6的一个简单问题。我正在将angular 6与angular-notofier服务一起使用，并且试图向用户显示一条简单的多行消息。

我尝试使用HTML标签<br/>和换行符"\n"，但没有成功。好像有一个字符串在XSS上转义了，我无法添加新行。

任何想法，如果我可以那样做还是我尝试以错误的方式做（如果可以，那为什么错了，我应该怎么做？）？

我想避免使用更复杂的结构，例如自定义模板（尽管我怀疑问题也应该在此出现）。

这是我的“代码”：

constructor(
  private notifier: NotifierService,

...

this.notifier.notify(
  'error', 
  'Multiline' + "\n" + ' message will <br/> print in one line...' ....

非常感谢！安东

Answer 1

如果要传递自定义的消息，则可以利用模板。通过模板，您可以完全控制如何显示消息。

in html

是的，您需要使用html中的模板来获得包含多行的自定义消息。

<ng-template #notification let-notificationData="notification">
       <span [innerHTML]="notificationData.message"></span>
</ng-template>

以ts

 @ViewChild('notification') notificationTemplate;

 this.notifier.show({
           message: msg.message,
           type: msg.messageType,
           template: this.notificationTemplate //<-- template name from html.
        });

有关更多详细信息，请参见官方文档-https://www.npmjs.com/package/angular-notifier

Angular Notifier中的新行

1 个答案:

in html

以ts