Angularjs ng-bind-html directive
อินสแตนซ์ Angularjs
ผูก innerhtml ภายใน <p> กับตัวแปร mytext:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </body> <body> <div ng-app = "myApp" ng-controller = "myctrl" Angular.Module ("MyApp", ['ngsanitize']); app.controller ("myctrl", ฟังก์ชั่น ($ scope) {$ scope.mytext = "ชื่อของฉันคือ: <h1> John Doe </h1>";}); html </p> </body> </html>ผลการทำงาน:
ชื่อของฉันคือ:
John Doe
หมายเหตุ: อินสแตนซ์นี้มีไฟล์ "Angular-sanitize.js" ซึ่งลบรหัสอันตรายออกจาก HTML
คำจำกัดความและการใช้งาน
คำสั่ง NG-BIND-HTML เป็นวิธีที่ปลอดภัยในการผูกเนื้อหากับองค์ประกอบ HTML
เมื่อคุณต้องการให้ AngularJS เขียน HTML ในแอปพลิเคชันของคุณคุณต้องตรวจจับรหัสอันตรายบางอย่าง ด้วยการแนะนำโมดูล "Angular-santize.js" ลงในแอปพลิเคชันของคุณฟังก์ชั่น NGSANITIZE ใช้เพื่อตรวจจับความปลอดภัยของรหัส ในแอปพลิเคชันของคุณคุณสามารถทำได้โดยเรียกใช้รหัส HTML ผ่านฟังก์ชัน NGSANITIZE
ไวยากรณ์
<องค์ประกอบ ng-bind-html = "expression"> </element>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | ระบุตัวแปรหรือนิพจน์ที่จะดำเนินการ |
ข้างต้นเป็นการแนะนำรายละเอียดเกี่ยวกับตัวอย่างคำสั่ง AngularJS NG-BIND-HTML เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้