Angular Template Variable ersetzen Markup im laufenden Betrieb

Question

Ich arbeite an einem schweren Datensatz.

so bin ich eine Platzierung verschachtelte Variable in einer Tabelle

{{entry.text}} 

aber mehrere Namen wie

Clare Butterfield/n/r Barry Burton

haben kann - wirklich ich will Ersetzen Sie die Wagenrückläufe mit einem Br-Tag

so dass jeder Name auf einer anderen Zeile

geht

{{(entry.text).replace("/n", "<br>")}} 

Answer 1

Sie werden zwei Stücke müssen diese vervollständigen:

1) Ein Filter, der in dem Text übernehmen und ersetzen /n mit <br/> und

2) Die ng-bind-html-Richtlinie erhalten Winkel dass <br/> statt so etwas wie dies gerade die Anzeige Clare Butterfield <br/> Barry Burton

am Ende Ihrer html aussehen zu verwenden:

Ein Beispiel eines ähnlichen Filters, was Sie brauchen, finden Sie diese SO hier in Frage: Angular filter to replace all underscores to spaces

Für die ngBindHTML Richtlinie finden Sie hier: https://docs.angularjs.org/api/ng/directive/ngBindHtml

Fragen?

p.s. Da Ihr Datensatz sehr groß ist, können Sie feststellen, dass ich im obigen Beispiel 2 Doppelpunkte hinzugefügt habe, um anzuzeigen, dass eine einmalige Bindung verwendet wird. Dies verhindert, dass angular den Wert zu oft neu berechnet und die Leistung verringert. Diese sind nicht unbedingt erforderlich. Wenn Sie feststellen, dass Ihr Text nicht aktualisiert wird, wenn Sie es erwarten, entfernen Sie sie einfach.