html - 在uib-alert中用换行符替换逗号确实有效

Question

我有一个字符串， "其中有很多我用空字符串替换，这很有效。但我也想在出现逗号时换行。

已经用('\n'), ('\r'),试过了('<br>')，('<br/>')但没有任何效果。在我的角度控制器中，我有字符串

self.msg = msg.replace(/"/gi, '').replace(/,/gi, '\n'); 
self.testAlerts = [{ type: 'success', msg: self.msg}];

我想在我的 html 的警告框中显示此消息

<div uib-alert ng-repeat="alert in testAlerts" type="{{alert.type}}" >{{alert.msg}}</div>

为什么换行不起作用？

Answer 1

使用 ng-bind-html 而不是插值：

<div uib-alert ng-repeat="alert in testAlerts" type="{{alert.type}}" ng-bind-html="alert.msg"></div>

这是一个用于演示的plunkr。

Answer 2

如果来自 Angular 世界的任何人碰巧在这里，您可以使用 @RamblinRose 回答中的 [innerHTML] 而不是 [ng-bind-html]

甚至，只需添加 css white-space 类

<div uib-alert ng-repeat="alert in testAlerts" style="white-space: pre-line;" type="{{alert.type}}" >{{alert.msg}}</div>