Comment insérer du HTML en toute sécurité dans les vues AngularJS à partir des contrôleurs ?

Insérer du HTML dans la vue à partir du contrôleur AngularJS

L'insertion de fragments HTML créés dans les contrôleurs AngularJS dans la vue peut être difficile en raison des mesures de sécurité d'Angular, qui empêchent le rendu HTML direct. Pour surmonter ce problème, utilisez ng-bind-html en HTML :

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

Cela provoquera une erreur de sécurité qui peut être résolue à l'aide de ngSanitize ou $sce.

Utilisation de $sce :

Dans le contrôleur, convertissez la chaîne HTML en utilisant $sce.trustAsHtml() :

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

Utilisation de ngSanitize :

1. Inclure la ressource angulaire-sanitize.min.js :

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

2. Inclure ngSanitize dans un module d'application (généralement app.js) :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!