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

标签 javascript html angular typescript

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

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

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

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

提前致谢。

最佳答案

就用

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

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

关于javascript - 使用插值时添加换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40746142/

相关文章:

javascript - 变量持有样式值无法更改

javascript regexp 不只计算一个字符

html - 无法让页脚粘在页面底部

angular - 在组件初始化之前执行 GET 请求

angularjs - Angular 从 1.6.6 升级到 6 时出现 $Injector 错误

javascript - 创建具有对象属性的变量 - Angular

javascript - 普通JS : Check if element classList contains values from an array and remove them

javascript - Jquery 验证引擎在 onclick 函数之前进行检查

javascript - 是否有用于创建手写输入框的 Javascript 插件?

javascript - 如何将数据作为带有 JSON 正文的 POST 发送,并导航到响应?