一、Angularjs是什么?
Angularjs是一个JavaScript框架,是一个以JavaScript编写的库。通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
二、Angularjs的作用
1.AngularJS 把应用程序数据绑定到 HTML 元素。
2.AngularJS 可以克隆和重复 HTML 元素。
3.AngularJS 可以隐藏和显示 HTML 元素。
4.AngularJS 可以在 HTML 元素"背后"添加代码。
5.AngularJS 支持输入验证。
三、Angularjs中关键指令及其关系
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
实例:
//ng-app指令指明了应用, ng-controller 指明了控制器。
<div ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName">
姓: <input type="text" ng-model="lastName">
姓名: {{firstName + " " + lastName}}
</div>
<script>
//AngularJS 模块(Module) 定义了 AngularJS 应用。
var app = angular.module('myApp', []);
//AngularJS 控制器控制应用:
app.controller('myCtrl', function(scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>
网友评论