使用插值时添加换行符

布伦丹·B

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

现在,我想显示更长的警报消息,其中包含换行符。但是,我似乎无法以任何会引起换行的方式修改插值组件属性(这是一个字符串)。

例如,使用</br>或在组件代码(包含在括号或反勾号中)或换行代码(&#13;)中的多行文本之间显示警报消息时,这些方法都无法在文本中产生换行符。

我宁愿不必为了满足此特定用例而添加其他属性绑定。

提前致谢。

布伦丹·B

至少对于Angular v2.1.1,解决方案是使用[innerHTML]="myAlertMessage"不必使用“ bypassSecurityTrustHtml”使换行符或列表起作用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章