首页 > 代码库 > AngularJs第一天

AngularJs第一天

2024-09-22 13:52:08   212人阅读

　　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>
View Code

   AngularJS 模块定义应用：var app = angular.module(‘myApp‘, []);

　   AngularJS 控制器控制应用：

　　app.controller(‘myCtrl‘, function($scope) {
    　　$scope.firstName= "John";
    　　$scope.lastName= "Doe";
　　});

　　　

 

AngularJs第一天


联系
我们