首页 > Web开发 > 详细

AngularJs第一天

时间:2017-05-16 12:31:22      阅读:422      评论:0      收藏:0      [点我收藏+]

  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第一天

原文:http://www.cnblogs.com/zaoxiaotou/p/6860464.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!