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一切皆數據

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM