我只想做相反的事情。这是工作演示:http://jsfiddle.net/KQQD2/4/
意味着,第一次链接应该是禁用和不可点击的,当我选中复选框时,我只想使链接启用和可点击。
代码如下:
var app = angular.module('app', []);
app.controller('appCtrl', function($scope, $window){
$scope.disableIt = false;
$scope.tellAboutIt = function(){
$window.alert('ngClick fired. This alert should not show when disabled.');
};
});
app.directive('disableable', function($parse){
return {
restrict: 'C',
link: function (scope, elem, attrs) {
scope.$watch('disableIt', function (val) {
if (!val) {
elem.addClass('disabled');
elem.css('cursor', 'default');
elem.bind('click', function(e) {
e.preventDefault();
});
}
else {
elem.removeClass('disabled');
elem.css('cursor', 'pointer');
if (typeof elem.attr('ng-click') === 'undefined')
elem.unbind('click');
}
});
}
};
});
提前致谢
最佳答案
你说的行为是通过做出来实现的
"disableIt || tellAboutIt()"
到
"disableIt && tellAboutIt()"
在 jsFiddle 中找到的 html 部分。
关于javascript - 以 Angular 启用和禁用链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33125892/