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一切皆数据

 

posted @ 2017-04-02 15:54  N神3  阅读(3605)  评论(0)  编辑  收藏  举报