Arahan AngularJS ng-bind-html
Instance AngularJS
Bind innerHTML di dalam <p> ke variabel myText:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </skrip> <script> src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.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> John doe </h1>";}); </skrip> <p> <b> note: "b> contains ini. Kode dalam HTML. </p> </body> </html>Hasil Menjalankan:
Nama saya:
John Doe
CATATAN: Contoh ini berisi file "Angular-Sanitize.js", yang menghapus kode berbahaya dari HTML.
Definisi dan penggunaan
Arahan NG-Bind-HTML adalah cara yang aman untuk mengikat konten ke elemen HTML.
Ketika Anda ingin AngularJS menulis HTML di aplikasi Anda, Anda perlu mendeteksi beberapa kode berbahaya. Dengan memasukkan modul "Angular-Santize.js" ke dalam aplikasi Anda, fungsi NgSanitize digunakan untuk mendeteksi keamanan kode. Dalam aplikasi Anda, Anda dapat melakukannya dengan menjalankan kode HTML melalui fungsi NgSanitize.
tata bahasa
<elemen ng-bind-html = "ekspresi"> </sement>
Semua elemen HTML mendukung arahan ini.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Menentukan variabel atau ekspresi yang akan dieksekusi. |
Di atas adalah pengantar terperinci untuk contoh instruksi instruksi AngularJS ng-bind-html. Teman yang membutuhkannya bisa merujuknya.