Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。双向数据绑定可能是AngularJS最酷最实用的特性,将MVC的原理展现地淋漓尽致.
AngularJS的工作原理是:HTML模板将会被浏览器解析到DOM中,DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板,来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此,NG框架是在DOM加载完成之后,才开始起作用的.
在html中:
rush:xhtml;">
rush:js;">
// angular app
var app = angular.module("ngApp",[],function(){
console.log("ng-app : ngApp");
});
// angular controller
app.controller("ngCtl",[ '$s
cope',function($s
cope){
console.log("ng-controller : ngCtl");
$s
cope.myLabel = "text for label";
$s
cope.myInput = "text for input";
$s
cope.btnClicked = function() {
console.log("Label is " + $s
cope.myLabel);
}
}]);
rush:js;">
var app = angular.module("test",[]);
app.directive("myclick",function() {
return function (scope,element,attr) {
element.on("click",function() {
scope.counter++;
});
};
});
app.controller("CounterCtrl",function($scope) {
$scope.counter = 0;
});
<body ng-app="test">
<div ng-controller="CounterCtrl">