Instruktur ng-bind-html AngularJS

Panduan Referensi AngularJS

Definisi dan penggunaan

ng-bind-html Instruktur adalah metode yang aman untuk memikat konten ke elemen HTML.

Ketika Anda memungkinkan AngularJS menulis HTML di aplikasi Anda, Anda seharusnya memeriksa adanya kode yang berbahaya di HTML. Dengan memasukkan modul "angular-sanitize.js" di aplikasi, Anda dapat melaksanakan kode HTML melalui fungsi ngSanitize untuk pemeriksaan.

Contoh

Bandingkan HTML element <p> innerHTML ke 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

Sintaks

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

Semua elemen HTML mendukung.

Parameter

Parameter Deskripsi
ekspresi Tentukan variabel atau ekspresi yang akan dihitung.

Panduan Referensi AngularJS