angularJS核心原理

一、angularJS优点和缺点

优点

1.1免去重复劳动-获取元素、给元素加事件、创建元素

1.2接管UI:angularJS根据数据创建UI元素,免去手工创建UI元素。

1.3自动同步:根据数据个数创建对应的html元素。

缺点

二、angularJS一切皆数据

、angularJS三要素

4.1 ng-model:数据从哪里来

4.2 ng-bind:数据到哪里去

4.3 ng-app:那块归AngularJS管

四、angularJS是MVC框架

M-Model ->ng-model

V-View   ->{{}}

C-Controller  ->1.业务逻辑  2.angularJS与原生JS桥梁 3.$scope

五、Controller

var mod = angular.module('main_mod',[]);        //<html ng-app="main-mod"></html>

//往模块里面添加东西

mod.controller('contr1',function($scope,$http){          //<body ng-controller="contr1"></body>

//controller代码

//$scope-所有angular的数据都在$scope上

$scope.a=0;

$scope.b=0;

/*增加parseInt函数*/

$scope.parseInt=function(n){

return parseInt(n);

}

/*增加alert函数*/

$scope.alert=function(str){

window.alert(str);

}

/**

*读取数据

*$http.get()返回Promise对象

*/

$http.get('user.txt').success(function(arr){

alert(arr);

}).error(function(){

alert('错误');

});

});

六、双向绑定

双向-可进可出

输入框-既可以输入,也可以输出

*所有的数据是双向的-数据<->UI

七、依赖注入

把依赖项注入进去

函数:函数的参数由定义决定?还是由调用决定?

js原生函数的参数由调用决定,angularJS将这种情况反转了,angular函数要什么参数就有什么参数。

总结:

1、angularJS和原生JS不互通,从而避免全局污染。

2、angularJS所有的东西都在$scope里,需要的数据都在$scope上找。

3、angularJS一切皆数据

上一篇:解决animate动画连续播放bug


下一篇:Javascript提交表单