Ich habe JSON-Variablen, die HTML enthalten.
Auf diese Weise: {{source.HTML}}
Angular zeigt <
und >
anstelle von <
und >
.
Was kann ich tun, damit Angular den tatsächlichen HTML-Code rendert?
UPDATE:
Das ist mein Controller:
In meinem HTML kann ich dann verwenden:
%Vor% Möchten Sie show den HTML-Code (wie <b>Hello</b>
) oder den HTML-Code (wie Hello ) wiedergeben?
Wenn Sie es zeigen möchten, ist die geschweifte Klammer ausreichend. Wenn der HTML-Code jedoch HTML-Entities (wie <stuff
) enthält, müssen Sie ihn manuell entschlüsseln, siehe diese SO-Frage .
Wenn Sie es rendern möchten, müssen Sie die Anweisung ng-bind-html
anstelle der curcly-Klammer verwenden (was, FYI, eine Verknüpfung zur Anweisung ng-bind
ist). Sie müssen Angular mitteilen, dass der in diese Direktive eingegebene Inhalt sicher ist, indem Sie $sce.trustAsHtml
verwenden.
Siehe Beispiel für beide Fälle unten: