http://www.runoob.com/angularjs/angularjs-tutorial.html(参考文档)。
下载AngularJs的js包 https://github.com/angular/angular.js/releases，也可以点击http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js复制内容，粘贴到新的记事本中再重命名。
AngularJS简介：
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。
AngularJS 应用：
AngularJS模块（module）定义了AngularJS的应用
AngularJS控制器（controller）用于控制AngularJS应用
ng-app指令定义了应用，ng-controller定义了控制器
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
6 </head>
7 <body>
8 <div ng-app="myApp" ng-controller="myCtrl">
9 名: <input type="text" ng-model="firstName"><br>
10 姓: <input type="text" ng-model="lastName"><br>
11 <br>
12 姓名: {{firstName + " " + lastName}}
13 </div>
14
15 <script>
16 var app = angular.module(‘myApp‘, []);
17 app.controller(‘myCtrl‘, function($scope) {
18 $scope.firstName= "John";
19 $scope.lastName= "Doe";
20 });
21 </script>
22 </body>
23 </html>
AngularJS 模块定义应用：var app = angular.module(‘myApp‘, []);
AngularJS 控制器控制应用：
app.controller(‘myCtrl‘, function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
时间： 2024-10-12 21:47:18