锚定标签无法点击

Question

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

在控制器中，我已经将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();
                    }
                });
            }
        }
    }); 

Answer 1

您不需要为此的自定义指令。 您可以使用css禁用链接 。

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