remplacer par des virgules avec linebreak dans une chaîne dans une œuvre doenst UIB alerte

Question

J'ai une chaîne avec beaucoup de " que je remplace avec une chaîne vide et cela fonctionne. Mais je veux aussi faire un saut de ligne quand une virgule apparaît.

Déjà essayé avec ('\n'), ('\r'), ('<br>'), ('<br/>') mais rien ne fonctionne. dans mon contrôleur angulaire j'ai la chaîne

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

Je veux montrer ce message dans la zone d'alerte dans mon html

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

Pourquoi les sauts de ligne fonctionne pas?

Answer 1

Utilisez ng-bind-html au lieu d'interpolation:

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

Voici un plunkr pour la démonstration.

Answer 2

Si quelqu'un du monde angulaire est arriver à être ici, vous pouvez utiliser [innerHTML] au lieu de [ng-bind-html] de @ réponse de RamblinRose

Ou encore, ajoutez simplement css classe white-space

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