锚定标签无法点击

时间:2019-01-13 12:19:16

标签: javascript angularjs

我有一个定位标记,并希望使其在特定情况下无法点击。我写了一条指令,但是没有用。有人可以告诉我我哪里错了。当我使用按钮时,一切正常,但是我需要锚标记。

在控制器中,我已经将linkEnabled设置为false

<a my-link="linkEnabled" title="Delete" ng-if="row.entity.status === 0" ng-click ng-really-title="Delete Item"
       ng-really-no="Cancel" ng-really-yes="Delete"
       ng-really-message="Are you sure you want to permanently delete {{row.entity.filename}}?"
       ng-really-click="grid.appScope.deleteItem(row.entity)" class="text-danger">
        <i class="fa fa-trash-alt fa-lg"></i>
    </a> 

这是我的指令:

“严格使用”;

angular.module('modio.credentialing')
    .directive('myLink', function () {
        return {
            scope: {
                enabled: '=myLink'
            },
            link: function (scope, element, attrs) {
                element.on('click', function (event) {
                    if (!scope.enabled) {
                        event.preventDefault();
                    }
                });
            }
        }
    }); 

1 个答案:

答案 0 :(得分:0)

您不需要为此使用自定义指令。 您可以disable links using css

要应用条件CSS类,请使用ng-class