課程
/前端開(kāi)發(fā)
/Angular
/AngularJS表單驗(yàn)證
使用自定義指令驗(yàn)證密碼的一致性
2017-04-05
源自:AngularJS表單驗(yàn)證 4-3
正在回答
說(shuō)一下我的理解
.directive('compare',function(){?//定義指令compare?與頁(yè)面compare屬性一致 ????var?o={}; ????o.strict='AE';?//定義匹配模式為屬性與元素 ????o.scope={ ????????orgText:?'=compare'??//=?實(shí)現(xiàn)orgText?與前臺(tái)compare屬性值的綁定 ????} ????o.require?=?'ngModel';?//將該控制器注入到‘ng-Model’指令中??會(huì)在該元素上查找ng-Model ????o.link?=?function(sco,ele,att,con){ ????????con.$validator.compare?=?function(v){??//為驗(yàn)證器添加compare方法(這個(gè)地方的compare與指令compare前臺(tái)屬性compare無(wú)關(guān),僅是驗(yàn)證器的一個(gè)方法名,與前臺(tái)$error.compare有關(guān)) ????????????return?v?==?sco.orgText;??//比較該元素傳入?yún)?shù)(該標(biāo)簽ng-model綁定值)與orgText的值(compare屬性值)返回true或false ????????}; ????????sco.$watch('orgText',function(){?//監(jiān)聽(tīng)(orgText值有變化就運(yùn)行該方法) ????????????????con.$validate();?//調(diào)用該標(biāo)簽的驗(yàn)證 ????????????}) ????}; ????return?o; })
ll115212415 提問(wèn)者
good!
舉報(bào)
一看就明白的AngularJS表單驗(yàn)證
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-04-25
說(shuō)一下我的理解
2017-06-16
good!