javascript - 以 Angular 启用和禁用链接

Question

我只想做相反的事情。这是工作演示: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');
                    }
                });
            }
        };
    });

提前致谢

Answer 1

你说的行为是通过做出来实现的

"disableIt || tellAboutIt()"

到

"disableIt && tellAboutIt()" 

在 jsFiddle 中找到的 html 部分。