具有指令点击事件的UI-sref

Question

有没有办法将ui-sref用于其中包含click事件的指令？

我想防止ui-sref被触发（但仍然使用ui-sref作为指令中的属性）。简而言之，我将在我的指令中触发$ state.go，但我不希望它被ui-sref触发：

let directive = {
    restrict: 'A',
    scope: {
        upgradeUser: '=',
        upgradeType: '@',
        uiSref: '@'
    },
    controller: function($scope, $element) {

        $element.on('click', function() {
            // prevent ui-sref and check for permissions, if no permissions, do a totally different thing

            if (permissions) {
                $state.go($scope.uiSref)
            } else {
                upgradeService.launchDialog($scope.upgradeUser, $scope.upgradeType)
            }
        })
    }
};

return directive;

我已尝试传递事件并执行event.preventDefault但似乎无法正常工作。