AngularJs : การใช้งาน $scope ตัวเชื่อมระหว่าง HTML กับ JavaScript (two way binding angular)
ที่นี่เราจะมาปรับให้มันเป็น Oject เพื่อใช้งานได้ดียิ่งขึ้นค่ะ
โค้ด: เลือกทั้งหมด
<!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"/>
</div>
</body>
<script>
var myApp = angular.module('myApp', []);
myApp.controller("myAppController",function($scope){
$scope.user = null;
});
</script>
</html>
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery