HTML-Entities dekodieren und kompilieren

Question

My js Objekt enthält doppelte Anführungszeichen, damit ich Speichern von Daten in der Form:

var data = "un <a ui-sref="app.concept({id:1})">test link<\/a>"

die <a ui-sref="app.concept({id:1})">test link<\/a>

bedeutet, wie kann ich die HTML-Entities und kompilieren den ui dekodieren -sref? Mit dieser https://github.com/incuna/angular-bind-html-compile funktioniert nur nicht.

Er druckt <a ui-sref="app.concept({id:1})">test link<\/a> in der Ansicht

Answer 1

glaube, ich kann es besser/einfacher sein, diese Daten zu speichern als einen tatsächlichen unescaped HTML-String. Dies würde viel weniger Arbeit erfordern.

Wenn dies jedoch nicht möglich ist, können Sie den $ sce-Dienst in Ihren Controller injizieren und dann nach Ihrer Datenvariablendeklaration data = $sce.trustAsHtml(data) verwenden.

Verwenden Sie danach <div ng-bind-html="data"></div> in der Ansicht. Es sollte dein Problem beheben.

Wenn das nicht vollständig funktioniert, können Sie versuchen, die Datenvariable mithilfe einer Funktion im Unterstrich namens unescape zu enteScape. So kann trustAsHtml(_.unescape(data)) Ihnen helfen.

Router UI zusätzlich

Da Sie Router-ui verwenden, Ihre beste Wette ist wahrscheinlich in this answer wie vorgeschlagen zu tun und href="path/to/state1" nur verwenden, wenn möglich.