Wie füge ich HTML sicher von Controllern in AngularJS-Ansichten ein?

HTML vom AngularJS-Controller in die Ansicht einfügen

Das Einfügen von in AngularJS-Controllern erstellten HTML-Fragmenten in die Ansicht kann aufgrund der Sicherheitsmaßnahmen von Angular eine Herausforderung darstellen. die eine direkte HTML-Wiedergabe verhindern. Um dies zu umgehen, verwenden Sie ng-bind-html in HTML:

<div ng-bind-html="thisCanBeusedInsideNgBindHtml"></div>

Dies führt zu einem Sicherheitsfehler, der mit ngSanitize oder $sce behoben werden kann.

Mit $sce :

Konvertieren Sie im Controller den HTML-String mit $sce.trustAsHtml():

$scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);

Verwendung von ngSanitize:

1. Fügen Sie die Ressource „angular-sanitize.min.js“ ein:

<script src="lib/angular/angular-sanitize.min.js"></script>

2. Fügen Sie ngSanitize in ein App-Modul ein (normalerweise app.js):

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'ngSanitize'])

Das obige ist der detaillierte Inhalt vonWie füge ich HTML sicher von Controllern in AngularJS-Ansichten ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!