angularjs 學習筆記 簡單基礎

標籤：bind   網頁   管理   應用   範圍   click   禁用   query   Google   

angularjs是Google公司的一個項目，彌補了hml在構建方面的不足，通過指令（directive）來擴充html標籤，可以使開發人員使用html來聲明動態內容。

angularjs主要用來開發單頁應用（SPA）為主的項目。

angularjs四個主要特點：1.mvc模式 2.雙向資料繫結 3.模組化 4.指令系統

為了使用Angular，所有應用都必須首先做兩件事情1. 下載載入 angular.js 庫 2. 使用ng-app 指令告訴 angular 應該管理DOM中的哪一些部分。angular 中一些常用指令：ng-app：網頁中的根項目，ng-init：初始化資料；ng-bind：綁定資料；ng-show：顯示；ng-hide：隱藏資料；ng-class：控制classng-click：綁定點擊事件；ng-disabled：禁用事件；ng-model：綁定html中的資料；ng-repeat：迴圈資料；

1. Angularjs  MVC

 

Model：資料模型層

View：視圖層，負責展示

Controller：商務邏輯和控制邏輯

優點: 代碼模組化 代碼邏輯比較清晰、可移值性高，後期維護方便、代碼複用，代碼規模越來越大的時候，切分職責是大勢所趨

缺點：運行效率稍微低一些

  

$scope 控製作用域；$rootscope：根範圍，全域範圍；

 

1. Angularjs $scope裡面的$apply方法 $apply方法作用：Scope提供$apply方法傳播Model的變化  $apply方法使用情景：AngularJS外部的控制器（DOM事件、外部的回呼函數如jQuery UI空間等）調用了AngularJS函數之後，必須調用$apply。在這種情況下，你需要命令AngularJS重新整理自已（模型、視圖等），$apply就是用來做這件事情的。  $apply方法注意事項：只要可以，請把要執行的代碼和函數傳遞給$apply去執行，而不要自已執行那些函數然後再調用$apply。例如，你應該像下面這樣來執行你的代碼： $scope.$apply(function() { $scope.variable1 = ‘some value‘;executeSomeAction();});   2. Angularjs $scope裡面的$watch方法 $watch方法作用： $watch方法監視Model的變化。  

 

angularjs 學習筆記 簡單基礎