javascript - 使用插值时添加换行符

Question

我有一些用于警告消息框的 html。使用插值，我可以重新使用相同的 html 来显示多个不同的警报消息。它看起来像这样:<p>{{ myAlertMessage }}</p>

现在我想显示一个包含换行符的更长的警告消息。但是，我似乎无法以任何会引入换行符的方式修改内插组件属性(它是一个字符串)。

例如，使用 </br> ，或在组件代码(包含在括号或反引号中)或新行代码 ( 
 ) 中将文本隔开几行。当显示警告消息时，这些都不会在文本中产生换行符。

我宁愿不必为了满足这个特定用例而添加更多的属性绑定(bind)。

提前致谢。

Answer 1

就用

<span [innerHTML]="myAlertMessage"></span>

innerHTML 属性将解释您的 html 代码。