angularjs自定义指令

发布时间：2020-12-17 10:30:51 所属栏目：安全来源：网络整理

导读：app.directive('nameunique',function($http) { return { require: 'ngModel',//require代表另一个指令的名字，它将会作为link函数的第四个参数 //参数说明 scope:指令需要监听的作用域,ele:指令所在的元素,attrs:有声明在当前元素上的属性列表,ngmodelContro

app.directive('nameunique',function($http) {
return {
require: 'ngModel',//require代表另一个指令的名字，它将会作为link函数的第四个参数
//参数说明 scope:指令需要监听的作用域,ele:指令所在的元素,attrs:有声明在当前元素上的属性列表,ngmodelController:控制器实例，也就是当前指令通过require请求的指令内部的controller
link: function(scope,ele,attrs,ngmodelController) {
scope.$watch(attrs.ngModel,function(n) {//n为监控的值，此处就是attrs.ngModel
if(!n){
return;
}
$http({
method: 'POST',
url: 'url',
data: 'name='+ $('#name').val(),
headers : {
'Content-Type' : ''
}
}).success(function(data) {
if(data.data.length==0){
ngmodelController.$setValidity('nameunique',true);
}
else{
//已存在用户名，$invalid为true
ngmodelController.$setValidity('nameunique',false);
}
}).error(function(data) {
ngmodelController.$setValidity('nameunique',false);
});
});
}
};

});

用于检测用户名唯一的指令

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!