replacing comma with linebreak in a string in an uib-alert doenst work

Question

I have a string with lots of " which i replace with an empty String and this works. But I also want to make a line break when a comma appears.

Already tried it with ('\n'), ('\r'), ('<br>'), ('<br/>') but nothing works. in my angular controller I have the string

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

I want to show this message in the alert box in my html

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

Why do the line breaks not work?

Answer 1

Use ng-bind-html instead of interpolation:

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

Here's a plunkr for demonstration.