AngularJS คำแนะนำ NG-ผูก-HTML
คู่มือการใช้งาน AngularJS อ้างอิง
AngularJS ตัวอย่าง
InnerHTML ผูก <p> ภายใน MyText ตัวแปร:
<script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
<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-ควบคุม = "myCtrl">
<p NG-ผูก-HTML = "MyText"> </ p>
</ div>
<script>
แอปพลิเค var = angular.module ( "MyApp" [ 'ngSanitize']);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.myText = "ชื่อของฉันคือ: <h1> จอห์นโด </ h1>";
});
</ script>
<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-ควบคุม = "myCtrl">
<p NG-ผูก-HTML = "MyText"> </ p>
</ div>
<script>
แอปพลิเค var = angular.module ( "MyApp" [ 'ngSanitize']);
app.controller ( "myCtrl" ฟังก์ชั่น ($ ขอบเขต) {
$ Scope.myText = "ชื่อของฉันคือ: <h1> จอห์นโด </ h1>";
});
</ script>
ลอง»
ความหมายและการใช้งาน
การเรียนการสอนNG-ผูก-HTML คือผ่านทางที่ปลอดภัยเพื่อผูกเนื้อหา HTML องค์ประกอบ
AngularJS HTML เมื่อคุณต้องการที่จะเขียนในใบสมัครของคุณคุณจะต้องตรวจสอบรหัสอันตราย โดยการแนะนำ "เชิงมุม-santize.js" โมดูลในการประยุกต์ใช้ฟังก์ชั่น ngSanitize ในการตรวจสอบรหัสรักษาความปลอดภัย ในใบสมัครของคุณคุณสามารถทำได้โดยการเรียกใช้รหัส HTML ผ่านฟังก์ชั่น ngSanitize
ไวยากรณ์
<ธาตุ NG-ผูก-HTML = "แสดงออก"> </ องค์ประกอบ>
องค์ประกอบ HTML ทุกการสนับสนุนการเรียนการสอน
ค่าพารามิเตอร์
ความคุ้มค่า | ลักษณะ |
---|---|
การแสดงออก | ระบุว่าตัวแปรหรือนิพจน์ที่จะดำเนินการ |