AngularJs : การสร้าง Controller

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

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

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 19367
Joined: 31/03/2014 10:02 am
Contact:

AngularJs : การสร้าง Controller

Post by thatsawan » 23/04/2016 2:06 pm

Controller คือ ส่วนคำสั่งที่จะให้มันทำงาน
ตัวอย่างการสร้าง Controller

Code: Select all

<!DOCTYPE html>
<html lang="en-US">
<script src="angular.js"></script>


  <body>
    <div ng-app="myApp" ng-controller="myAppController">
        <h1>Hello World</h1>
    </div>
  </body>

  <script>
   var myApp = angular.module('myApp', []);
    myApp.controller("myAppController",function(){
     console.log("Hello...");
    });
   </script>


</html>
2016-04-23_14-00-17.png
2016-04-23_14-00-17.png (68.91 KiB) Viewed 467 times
เส้นกรอบสีน้ำเงิน คือการเรียกใช้งาน Controller โดยมีการเขียนคำสั่ง console.log เพื่อเป็นคำสั่งในการทำงาน
ส่วนเส้นกรอบสีเหลือง คือการกำหนดหรือระบุ ว่า ในเเท็ก <div> นั้นจะมีการเรียกใช้งาน Angular นั้นเอง

*เราสามารถสร้างได้มากกว่า 1 Controller ใน 1 app

ผลการ RUN
2016-04-23_13-59-25.png
2016-04-23_13-59-25.png (40.52 KiB) Viewed 467 times
สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery

  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 18 guests