邊界指令 ng-app
<html ng-app=""></html>呈現(xiàn)指令
{{}}來呈現(xiàn)NG變量信息指令 ng-model:保存有用戶輸入的NG變量(表單標(biāo)簽)
綁定指令:將NG變量綁定到標(biāo)簽上 用于非輸入性的標(biāo)簽 NG框架加載失敗也不會報錯
初始化:NG變量進(jìn)行初始化
angular.module用于生產(chǎn)NG頁面數(shù)據(jù)模型聲明控制器 ng-controller
控制器:操作數(shù)據(jù)以及視圖的部件
只要聲明一個標(biāo)簽有用控制器,這個控制器就必須定義,否則報錯ng-repeat 可以去頁面觀看,每一個都使用了ng-repeat 還自動生成了class
方法:生成模型
語法:
var 頁面數(shù)據(jù)模型=angular.module('邊界名稱',[注入信息])生成頁面控制器
頁面數(shù)據(jù)模型.controller('控制器名稱',['scope){}])
構(gòu)建路由
頁面數(shù)據(jù)模型.config(['routerProvider){
$routerProvider.
.when('/頁面代號',{
template:'要加載的頁面的url地址'(以路由地址為起點),
controler:'對應(yīng)頁面的控制器名稱'
})
·····
.otherwise({
redirectTo:'/默認(rèn)加載頁面代號'
})
}])過濾服務(wù)$filter:格式化數(shù)據(jù) 系統(tǒng)服務(wù) 但是支持自定義
語法:{{任意內(nèi)容|過濾器}}
自定義過濾服務(wù):
app.filter('自定義過濾器名稱',function(){
return function(text){
//對text操作
}
})系統(tǒng)內(nèi)置服務(wù)
時間軸:間隔調(diào)用timeout 清除時間軸內(nèi)容服務(wù)
監(jiān)聽服務(wù):scope.$watch('想要監(jiān)聽的字符串或者表達(dá)式',function(){})
循環(huán)定時
- 自定義服務(wù)
value
app.value('服務(wù)名',{服務(wù)內(nèi)容Jasn})
constant
類似于value,但是一旦被注入,無法更改,并且多個constant只有第一個起作用
app.constant('服務(wù)名',{服務(wù)內(nèi)容Jasn})
factory:返回一個對象
service:服務(wù)內(nèi)部所有內(nèi)容必須通過this操作
provider
app.provider('服務(wù)名',this.$get=fubction(){})
- 自定義指令
頁面數(shù)據(jù)模型.directive('',function(){
return{
restrict:'指令類型',
template:'指令結(jié)構(gòu)',
replace:'指令復(fù)寫'
}
})