问角:如何在花括号内呈现字符串中的断线？
EN

Stack Overflow用户

提问于 2020-07-11 23:42:55

回答 3查看 1.9K关注 0票数 2

也许这是不可能的，但我想知道我是否可以在传递给MatDialogComponent的字符串中嵌入一个换行符，该字符串通过{{ }}显示在窗体上。

我设计了一个简单的WarningDialogComponent，其中包含标题、消息、OK和cancel按钮文本的参数。

消息文本显示在模板中。

<mat-dialog-content>
    {{message}}
</mat-dialog-content>

这很好，除非我希望消息具有已定义的换行，例如：

你要删除“电工”账户这件事不能取消！

我尝试使用backtic引号，或者是嵌入在\n\n中的message，我知道html通常是转义的。当然，我可以重新设计我的表单，或者指示它呈现嵌入的html，但我希望有一种简单的方法，在包含在message变量中的字符串中添加一个行分隔符，这样可以不用修改组件本身。

发布于 2020-07-12 01:08:30

听起来，你想要做的是将html嵌入到变量中，并在不对其进行消毒的情况下有角度显示该html。这样，您的{{message}}就可以有换行符<br/>，并在消息中呈现它们。

默认情况下，角清除变量的内容，以防止跨站点脚本。

但是，如果您希望显示的值是“可信的”(即它不是用户可以输入的值)，angular允许您使用Dom消毒剂将内容标记为安全。

通过使用它，您可以让您的message包含HTML，并按照您的预期呈现它。然而，对于您想要绕过角质消毒液的任何东西，请确保您控制该消息来自何处。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62855710

复制

相似问题

问角:如何在花括号内呈现字符串中的断线？EN