angular demo1

situ2011 · situ2011 · commit e304b0596e59 · 2014-07-31T11:06:59.000+08:00
diff --git a/angularjs/index.html b/angularjs/index.html
@@ -1,10 +1,38 @@
 <!DOCTYPE html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<title></title>
-	</head>
-	<body>
-		
-	</body>
+<head>
+	<meta charset="utf-8" />
+	<title></title>
+</head>
+<body ng-app>
+	<div ng-controller="HelloController">
+		<p>{{greeting.text}}, Word</p>
+		<div>{{test.text}}</div>
+	</div>
+	<hr />
+	<div ng-controller="c2">
+		<form action="">
+			<input type="text" ng-change="computeNeed()" ng-model="nums.num" />
+			result: {{needed}}
+		</form>
+	</div>
+	
+	<script type="text/javascript" src="js/angular.min.js" ></script>
+	<script type="text/javascript">
+        function HelloController( $scope ) {
+        	// ajax
+            $scope.greeting = { text: "Hello 1303A" };
+            $scope.test = { text: "Hello test..." };
+            
+        }
+        
+        function c2 ( $scope ) {
+        	$scope.nums = {num:0};
+        	var computeNeed = function() {
+        		$scope.needed = $scope.nums.num * 10 + ', haha...';
+        	}
+        	$scope.$watch("nums.num", computeNeed);
+        }
+    </script>
+</body>
 </html>
