angular1.x作為經典的mvc框架,可以創建能夠復用的組件,也可進行雙向數據綁定.國內的vue.js/avaloon.js都是同類型的框架.適合使用angularjs的項目有大型信息化管理系統:企業資源計划(ERP).它適合表單多,模塊多的項目,hybrid app,不適合高並發的項目.
angular表達式{{}}
eg:
angular應用的創建步驟:
1.創建一個SPA宿主頁面:index.html
2.在頁面下面引用angular.js
3.創建項目的根的模塊 angular.module("demo",[]);
4.在頁面的標簽上加上ng-app這個標識 ng-app="根模塊名"
5.angular進入自動啟動過程
控制器controller:1.是對view的抽象,包含view的靜態屬性和動態方法,與view是一對一的關系.
2.controller只能用來響應view事件,和view上的數據請求
3.controller里面不能有數據,controller的職責只對view進行服務,不保存數據
4.controller只能向服務請求數據,一個控制器可以對應多個服務
DI(Dependency Injection):解決模塊與模塊之間的調用問題.模塊即一組相關的業務代碼的組合.
注意:要創建一個angular項目,首先要創建一個針對項目根目錄的根模塊.
1.創建一個模塊 angular.module(name,模塊的依賴關系列表(子類的列表))
angular.module("root",["依賴的模塊"或空]),當中括號里面為空的時候表示創建一個沒有依賴關系的模塊.
2.獲取當前模塊的詳細信息 angular.module("root")
3.模塊與模塊之間交互,angular采用繼承的方式來解決模塊之間的縱向交互.
在angularjs項目中,必須首先創建一個根模塊,所有的類都應該屬於某一模塊,然后在根模塊上創建控制器.
angularjs的啟動過程,類似一個Windows的啟動過程.
angularjs是以數據為中心,不能隨便操作dom,只有在angular的自定指令中的link方法中才能使用Jquery,或操作dom.
ng-* angular內置的指令(標識作用),帶有這樣指令的元素都會引起angular內部檢查(dirty checking).
ng-app:1.程序的啟動指令,標記在html元素上面;
2.這個內置指令是用來標記angularjs的管理邊界,其所在的標簽內的所有html元素都在angular的管理范圍;
3.用法:1)直接在html元素上面添加 ng-app;
2)ng-app="";
3)ng-app="模塊名稱"
如果在當前頁面中包含ng-app這個指令,angular會自動啟動new,如果不想顯式的標識ng-app,我可以用代碼的方式手動啟動
angular,bootstrap(document,["demo"]);//ng-app="demo",
通過指定范圍的方式來限定angular的管理范圍
angular.bootstrap(document.getElementById("box"),["demo"]);
注意:ng-app這個啟動指令一般只能用在angular的宿主頁面上,angular spa有且只有一個host頁面
推薦一個國外框架源碼下載的網站:www.bootcdn.cn