Arahan ng-bind-html AngularJS

Panduan Rujukan AngularJS

Definisi dan penggunaan

ng-bind-html Arahan adalah cara aman untuk memindahkan kandungan kepada elemen HTML.

Ketika anda membolehkan AngularJS menulis HTML dalam aplikasi anda, anda seharusnya memeriksa ada kod bahaya di dalam HTML. Dengan memasukkan modul "angular-sanitize.js" ke dalam aplikasi anda, anda dapat melaksanakan kod HTML melalui fungsi ngSanitize untuk pemeriksaan.

Contoh

Pemindaan HTML innerHTML elemen <p> kepada variabel myText:

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-bind-html="myText"></p>
</div>
<script>
var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = "Nama saya adalah: <h1>Bill Gates</h1>";
});
</script>

Coba sendiri

Syarat

<element ng-bind-html="ekspresi</element>

Semua elemen HTML mendukung.

Parameter

Parameter Description
ekspresi Tentukan pembolehubah atau ekspresi yang hendak dihitung.

Panduan Rujukan AngularJS