คำสั่งใน AngularJS มีดังนี้
ng-app เป็นคำสั่งประกาศการเริ่มต้นใช้งาน AngularJS Application มักระบุไว้ที่ Root Element ซึ่งนั่นก็คือ <HTML> ก่อนเริ่มใช้ AngularJS จะต้องประกาศคำสั่งนี้ทุกครั้ง!!
ng-init หรือ data-ng-init (สำหรับ HTML5) เป็นคำสั่งประกาศ ข้อมูลเริ่มต้นของ AngularJS Application หรือการประกาศตัวแปรเริ่มต้นของ Application นั่นเอง
ng-model เป็นคำสั่งที่ผูกค่าที่ได้จาก Tag HTML ให้กับตัวแปร เช่น ค่าจาก <input> , <select> , <textarea>
ng-bind เป็นคำสั่งนำค่าของตัวแปรมาแสดงใน Tag HTML ที่กำหนด
ng-repeat เป็นคำสั่งทำซ้ำเพื่อดึงข้อมูลมาเก็บไว้ในตัวแปรที่กำหนด เหมือนการโคลนนิ่ง HTML element
ตัวอย่าง
<!DOCTYPE html>
<html data-ng-app="" data-ng-init="age=20">
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"> </script>
</head>
<body>
<p>Name: <input type="text" ng-model="name"></p>
<p>Your name is: {{ name}}</p>
<p>You are {{ age }} years old</p>
<div data-ng-init="animal=['cat','dog','bird']">
<p data-ng-repeat="x in animal">
{{ x }}
</p>
</div>
</body>
</html>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น