AngularJs : การประกาศ app name (module) หรือการหนด scope การทำงาน

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 28508
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

AngularJs : การประกาศ app name (module) หรือการหนด scope การทำงาน

โพสต์ที่ยังไม่ได้อ่าน โดย thatsawan »

ตัวอย่างการประกาศ Module โดยจะใช้ Directives ng-app เพื่อระบุหรือประกาศว่าเราจะเขียน Angular ในส่วนตรงใหนของหน้า page

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html lang="en-US">
<script src="angular.js"></script>
  <body ng-app="myApp">
  
  </body>
  <script>
   var myApp = angular.module('myApp', []);
</script>


</html>

ในส่วนนี้หมายความว่า เราจะประกาศเรียกใช้งาน angularJS ใน เเท็ก <body>

โค้ด: เลือกทั้งหมด

  <body ng-app="myApp">
  
  </body>
เราสามารถเขียนได้มากว่า 1 app คือ

โค้ด: เลือกทั้งหมด

  <div ng-app="myApp">
  
  </div>

โค้ด: เลือกทั้งหมด

  <div ng-app="myApptwo">
  
  </div>
เราสามารถที่จะไม่ใส่ชื่อ app ก็ได้ค่ะ เช่น

โค้ด: เลือกทั้งหมด

  <body ng-app>
  
  </body>

เเต่ถ้ามีการประกาศ Directives name เเล้วเราจะต้องมีการประกาศ module เพื่อรองรับการทำงาน ให้ประกาศตามชื่อ ng-app name

โค้ด: เลือกทั้งหมด

  <script>
   var myApp = angular.module('myApp', []);

</script>
ตรงนี้ยังไม่สามารถ RUN เเสดงผลได้เราจะต้องไปสร้าง Controller เพื่อให้มันทำงานก่อนค่ะ
สามารถศึกษา เพิ่มเติมได้ที่็บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 69