AngularJS: AngularJS Events

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

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

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

AngularJS: AngularJS Events

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

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

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

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

<!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 782 times
2016-04-23_15-18-18.png
2016-04-23_15-18-18.png (120.55 KiB) Viewed 782 times
สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery
ข้างบน
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง “jQuery & Ajax Knowledge”



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

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