Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Memasukkan HTML dengan Selamat ke dalam Pandangan AngularJS daripada Pengawal?

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

Barbara Streisand
Barbara Streisandasal
2024-12-12 22:10:14606semak imbas

How to Safely Insert HTML into AngularJS Views from Controllers?

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>
  1. 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn