AngularJS สั่ง NG-App
คู่มือการใช้งาน AngularJS อ้างอิง
AngularJS ตัวอย่าง
ให้องค์ประกอบของร่างกายที่เรียกว่าแอปพลิเคองค์ประกอบราก AngularJS นี้:
<body NG-App = "" >
<p> การแสดงออกครั้งแรกของฉัน: {{5 + 5}} </ p>
</ body>
<p> การแสดงออกครั้งแรกของฉัน: {{5 + 5}} </ p>
</ body>
ลอง»
ความหมายและการใช้งาน
สั่งNG-app ที่ใช้ในการบอกแอปพลิเค AngularJS ปัจจุบันขององค์ประกอบนี้เป็นองค์ประกอบหลัก
ทุกการใช้งาน AngularJS จะต้องมีองค์ประกอบราก
เอกสาร HTML ช่วยให้เพียงหนึ่ง ng-app
สั่งถ้ามีหลาย ng-app
สั่งเพียงครั้งแรกที่จะนำไปใช้
ไวยากรณ์
<ธาตุ NG-App = "modulename ">
...
เนื้อหา NG-app ในองค์ประกอบรากอาจมีรหัส AngularJS
...
</ element>
...
เนื้อหา NG-app ในองค์ประกอบรากอาจมีรหัส AngularJS
...
</ element>
องค์ประกอบ HTML ทุกการสนับสนุนการเรียนการสอน
ค่าพารามิเตอร์
ความคุ้มค่า | ลักษณะ |
---|---|
modulename | ไม่จำเป็น ระบุชื่อของโมดูลการโหลดแอพลิเคชัน |
AngularJS ตัวอย่าง
การดำเนินการของโมดูลแอพลิเคชัน
<div NG-App = "MyApp " NG-ควบคุม = "myCtrl">
{{FirstName + "" + นามสกุล }}
</ div>
<script>
<script>
var App = angular.module ( "MyApp" []);
app.controller ( "myCtrl" ฟังก์ชั่น ( $ ขอบเขต) {
$ scope.firstName = "จอห์น";
$ scope.lastName = "โด";
});
app.controller ( "myCtrl" ฟังก์ชั่น ( $ ขอบเขต) {
$ scope.firstName = "จอห์น";
$ scope.lastName = "โด";
});
</ script>
ลอง»