AngularJS: AngularJS Events

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

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

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 27356
Joined: 31/03/2014 10:02 am
Contact:

AngularJS: AngularJS Events

Post by thatsawan »

AngularJS Events คือการสั่งให้มันทำงานตามคำสั่ง ตอนใหน เช่น ตอนคลิก "ng-click" ตอนเมาส์ Over "mouseover" เป็นต้น

ตัวอย่างการทำงาน

Code: Select all

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


  <body>
    <div ng-app="myApp" ng-controller="myAppController">
        <h1>name: {{user.name}} </h1>
          <h1>lastName: {{user.lastname}} </h1>
        <br>
        <input type="text" ng-model="user.name"/>
        <br>
        <input type="text" ng-model="user.lastname"/>
        <button ng-click="showclick()"> Click me </button>
    </div>
  </body>

  <script>
   var myApp = angular.module('myApp', []);
    myApp.controller("myAppController",function($scope){
      $scope.user = null;

      $scope.showclick = function(){
        user =   $scope.user;
        alert(user.name);
      }
    });
   </script>


</html>
ในตัวอย่างนี้คือ เราจะสร้างปุ่มขึ้นมา 1 ปุ๋ม เพื่อเเสดงชื่อที่เรากรอกเข้าไป โดยเราจะสร้าง $scope เป็น function เเล้วจากนั้นเราก็ใช้ Directives event ng-click="showclick()" เรียกมายังชื่อ $scope เรา
2016-04-23_15-17-07.png
2016-04-23_15-17-07.png (94.93 KiB) Viewed 455 times
2016-04-23_15-18-18.png
2016-04-23_15-18-18.png (120.55 KiB) Viewed 455 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 2 guests