AngularJs第一天
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJs第一天相关的知识，希望对你有一定的参考价值。
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";
});
以上是关于AngularJs第一天的主要内容，如果未能解决你的问题，请参考以下文章
如果输入数组值是整数类型，为啥 angularjs(ng-repeat) 允许在第一次添加重复记录