angularjs自定義指令里面的事件在哪個(gè)控制器
3 回答
莫回?zé)o
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
如果我想實(shí)現(xiàn)這樣一個(gè)功能，當(dāng)一個(gè)input失去光標(biāo)焦點(diǎn)時(shí)(blur)，執(zhí)行一些語句，比如當(dāng)輸入用戶名后，向后臺(tái)發(fā)ajax請(qǐng)求查詢用戶名是否已經(jīng)存在，好有及時(shí)的頁面相應(yīng)。
輸入 camnpr
angularjs directive input focus
失去焦點(diǎn)后提示 camnpr 這個(gè)用戶名已經(jīng)存在
angularjs directive input focus用戶名已經(jīng)存在
HTML代碼如下：
<body ng-controller="MainCtrl">
<lable>用戶名:
<input type="text" ng-model="username" ng-blur="checkUsername()" />
<span style="color:red;" ng-show="usernameAlreadyExist">用戶名已經(jīng)存在</span>
</lable>
</body>
controller和directive的定義
app.controller('MainCtrl', function($scope) {
$scope.checkUsername = function() {
//send ajax to check on server
if ($scope.username === 'hellobug') {
$scope.usernameAlreadyExist = true;
}
}
});
app.directive('ngBlur', function($document) {
return {
link: function(scope, element, attrs) {
$(element).bind('blur', function(e){
scope.$apply(attrs.ngBlur);
});
}
}
})
- 3 回答
- 0 關(guān)注
- 791 瀏覽
添加回答
舉報(bào)
0/150
提交
取消