在uib-alert doenst work

时间:2016-12-05 13:23:10

标签: html angularjs alert line-breaks uib

我有一个包含大量"的字符串,我用空字符串替换它,这是有效的。 但是我也想在逗号出现时换行。

已经使用('\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>

为什么换行不起作用?

1 个答案:

答案 0 :(得分:0)

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

甚至,只需添加css white-space class

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