jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax
Moderator: mindphp, ผู้ดูแลกระดาน
-
thatsawan
- PHP VIP Members
- โพสต์: 28508
- ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
-
ติดต่อ:
โพสต์ที่ยังไม่ได้อ่าน
โดย 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 (94.93 KiB) Viewed 785 times
- 2016-04-23_15-18-18.png (120.55 KiB) Viewed 785 times
สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery
-
-
- 0 ตอบกลับ
- 1468 แสดง
-
โพสต์ล่าสุด โดย thatsawan
31/05/2016 3:55 pm
-
-
- 0 ตอบกลับ
- 1340 แสดง
-
โพสต์ล่าสุด โดย thatsawan
23/04/2016 11:24 am
-
-
- 0 ตอบกลับ
- 823 แสดง
-
โพสต์ล่าสุด โดย thatsawan
03/05/2016 12:59 pm
-
-
- 0 ตอบกลับ
- 1286 แสดง
-
โพสต์ล่าสุด โดย mindphp
12/10/2015 1:00 pm
-
-
- 0 ตอบกลับ
- 1006 แสดง
-
โพสต์ล่าสุด โดย thatsawan
23/04/2016 2:06 pm
-
-
- 2 ตอบกลับ
- 1362 แสดง
-
โพสต์ล่าสุด โดย thatsawan
16/06/2016 4:29 pm
-
-
- 0 ตอบกลับ
- 1221 แสดง
-
โพสต์ล่าสุด โดย thatsawan
13/05/2016 12:05 pm
-
-
- 0 ตอบกลับ
- 1990 แสดง
-
โพสต์ล่าสุด โดย บัวบุญ จันทะโคตร
27/06/2017 11:14 am
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 76