Bagaimana untuk Memasukkan HTML dengan Selamat ke dalam Pandangan AngularJS daripada Pengawal?

Memasukkan HTML ke dalam Paparan daripada Pengawal AngularJS

Memasukkan serpihan HTML yang dibuat dalam pengawal AngularJS ke dalam paparan boleh mencabar disebabkan oleh langkah keselamatan Angular, yang menghalang pemaparan HTML langsung. Untuk mengatasinya, gunakan ng-bind-html dalam HTML:

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

Ini akan menggesa ralat keselamatan yang boleh diselesaikan menggunakan ngSanitize atau $sce.

Menggunakan $sce :

Dalam pengawal, tukar rentetan HTML menggunakan $sce.trustAsHtml():

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

Menggunakan ngSanitize:

1. Sertakan sumber angular-sanitize.min.js:

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

2. Sertakan ngSanitize dalam modul apl (biasanya app.js):

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

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan HTML dengan Selamat ke dalam Pandangan AngularJS daripada Pengawal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!