คำสั่ง Angularjs ng-app
อินสแตนซ์ Angularjs
ปล่อยให้องค์ประกอบของร่างกายเรียกว่าองค์ประกอบรากของแอปพลิเคชัน AngularJS:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" }} </p> </body> </html>
ผลการทำงาน:
การแสดงออกครั้งแรกของฉัน: 10
คำจำกัดความและการใช้งาน
คำสั่ง NG-APP ใช้เพื่อบอก AngularJS เพื่อใช้องค์ประกอบปัจจุบันเป็นองค์ประกอบรูท
แอปพลิเคชัน AngularJS ทั้งหมดจะต้องใช้องค์ประกอบรูท
อนุญาตให้ใช้คำสั่ง NG-APP เพียงคำสั่งเดียวในเอกสาร HTML หากมีคำสั่ง NG-APP หลายคำสั่งจะใช้คำสั่งแรกเท่านั้น
ไวยากรณ์
<องค์ประกอบ ng-app = "modulename"> ... เนื้อหาในองค์ประกอบรูท NG-APP สามารถมีรหัส AngularJS ... </ement>
องค์ประกอบ HTML ทั้งหมดสนับสนุนคำสั่งนี้
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| ชื่อโมดูล | ไม่จำเป็น. ระบุชื่อของโมดูลแอปพลิเคชันที่โหลด |
อินสแตนซ์ Angularjs
ดำเนินการโมดูลในแอปพลิเคชัน
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ng-controller = "myctrl"> {{firstName + "" + นามสกุล}} </div> <script> var app = angular.module ("myapp", []); app.controller ("myctrl", ฟังก์ชั่น ($ scope) "doe";}); </script> </body> </html>เอฟเฟกต์การทำงาน:
John Doe
ข้างต้นคือข้อมูลที่แยกแยะคำสั่ง AngularJS NG-APP และจะเพิ่มในภายหลัง