今天学习angularjs自定义指令指令。
指令是一个非常棒的功能,可以实现我们自义的的功能方法。
下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号“Admin”
。
在网页上放一个文本框和一个铵钮:
& lt;形式id=癴orm1 " name=癴orm1“ng-app="应用" ng-controller=癱trl”novalidate>
& lt;输入id=" Text1 " type=" text " ng-model=罢驶А笔枪芾碓?比;
& lt; br/比;
& lt;输入id=" ButtonVerify " type="按钮" value=" https://www.yisu.com/zixun/Verify " ng-click=把橹?);/比;
& lt;/form>
然后你需要引用angularjs的类库:
@Scripts.Render(“~/包/角”)
以上是ASP。净MVC包了。
定义一个应用:
应用var=角。模块(“应用程序”,[]);之前
定义一个控制器:
app.controller (ctrl,函数(范围){
scope.Account美元;
美元的范围。验证=function () {
如果美元($ scope.form1。有效){
alert('好。');
}
其他{
alert('失败。');
}
};
});之前
下面是重点代码,自定义指令:
app.directive (“isAdministrator函数(q,超时美元){
var adminAccount=癆dmin”;
var CheckIsAdministrator=function(账户){
返回adminAccount==帐户& # 63;真:假;
};
返回{
限制:“A”,
要求:“ngModel”,
链接:函数(范围、元素、属性ngModel) {
ngModel asyncValidators美元。isAdministrator=function(值){
var推迟=$ q.defer ();
美元超时(函数(){
如果(CheckIsAdministrator(值)){
defer.resolve ();
其他}{
defer.reject ();
}
},700);
返回defer.promise;
}
}
};
});
演示:
以上所述是小编给大家介绍的Angularjs自定义指令指令详解,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
