一图贸、Angular簡(jiǎn)介:angularJS就是前端開發(fā)的框架之一,AngularJS使得開發(fā)現(xiàn)代單一頁(yè)面程序(SPAs)變得更加容易冕广。把應(yīng)用數(shù)據(jù)綁定到HTML疏日,可以克隆和重復(fù)HTML元素益咬,可以隱藏和顯示HTML元素顷牌,可以在HTML元素背后添加代碼,Angualr支持輸入驗(yàn)證病苗。
二睬辐、Angular擁有豐富的指令:
ng-app 標(biāo)明一個(gè)angular應(yīng)用
ng-init 初始化數(shù)據(jù)(不建議使用)
ng-bind 綁定模型值到元素 與表達(dá)式效果一值挠阁,但不閃爍
ng-repeat 遍歷列表
$first 是否是首個(gè)元素
$last 是否是末尾元素
$middle 是否是中間元素
$index 元素的索引值
當(dāng)遇到數(shù)組中有相同的重復(fù)元素時(shí)宾肺,ng-repeat不能正常渲染元素,此時(shí)需要使用track by $index 強(qiáng)制使用索引值進(jìn)行遍歷鹃唯,示例:ng-repeat="item in items track by $index";
ng-model 綁定元素到模型
ng-style 為元素設(shè)置樣式
ng-class 為元素添加樣式名
ng-class="className"
ng-class="{'樣式名':布爾爱榕,。坡慌。黔酥。}"
ng-class="{true:'樣式名',false:'樣式名'}[布爾]"
ng-include 將其它文檔包含到當(dāng)前元素
ng-if & ng-show 是否顯示元素
ng-controller 為元素綁定一個(gè)控制器 并創(chuàng)建一個(gè)當(dāng)前節(jié)點(diǎn)下的作用域
ng-click 為元素添加點(diǎn)擊事件
自定義指令(重要的一部分):
三洪橘、Angualr擁有有趣的過濾器
currency:自定義 貨幣轉(zhuǎn)換
number:位數(shù)? 數(shù)字格式
lowercase? 轉(zhuǎn)換為小寫
uppercase? 轉(zhuǎn)換為大寫
date 時(shí)間格式
filter:過濾關(guān)鍵字? ? 按關(guān)鍵字過濾結(jié)果集
orderBy:排序字段:升降序? ? 排序過濾
limitTo:數(shù)量? ? ? 控制顯示結(jié)果數(shù)量
三跪者、Angular控制器:
四、Angular服務(wù)