AngularJS เป็น Java script framework ซึ่งสามารถแทรกคำสั่งเข้าไปใน Tag HTML ได้
ก่อนเริ่มใช้ Angular จะต้องทำการ Download จาก website https://angularjs.org/ จากนั้นนำไฟล์ .js มาเรียกใช้ผ่าน Tag <script src> หรือเรียกผ่านเว็บไซต์ ดังนี้
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
คำสั่งเบื้องต้น ได้แก่
ng-app="" เป็นการกำหนดส่วนที่เป็น Angular Application ซึ่งนิยมใส่ใน tag ที่คลุม tag อื่นๆ
ตัวอย่าง <html ng-app> <div ng-app="">
ng-model="name" เป็นคำสั่งที่ผูกข้อมูลใน Tag HTML ไว้กับตัวแปร ในที่นี้คือ name นิยมใช้ใน <input>
ตัวอย่าง <input type="text" ng-model="name">
ng-bind="name" เป็นคำสั่งที่นำค่าที่อิงจาก tag ที่กำหนด ng-model ที่ชื่อ name มาใส่
ตัวอย่าง <p ng-bind="name"></p> ผลลัพธ์คือ ข้อความที่พิมพ์ใน Textbox จะมาปรากฎใน <p></p>
ng-init="name='Dan'" เป็นคำสั่งที่ใช้กำหนดค่าเริ่มต้นให้กับตัวแปร ในที่กำหนดให้ตัวแปร name เก็บ String ซึ่ง Value คือ Dan
ตัวอย่าง <div ng-app="" ng-init="name='Dan'">
สามารถกำหนดค่าตัวแปรหลายตัวได้ เช่น
<div ng-app="" ng-init="name='Dan';address='U.S.A'">
การนำมาใช้ เช่น
<p ng-bind="name"></p>
หรือ
<p>{{ name }} </p>
ขอบคุณครับ
ตอบลบ