Отключение ссылки href нажмите, если {{разрешение}}

Question

Можно ли отключить ссылку href, если, например: разрешение = пользователь,

Вот мой пример сокрытия элемента в зависимости от разрешения:

<td ng-hide = "{{main.user}}" ng-show="main.admin">{{I'm hidden}}</td>

Какоб отключении href? Как: Отключить щелчок href, если = {{main.user}}

<a class="text-primary" href="stackoverflow">Click Me</a>

Answer 1

Гиперссылки не поддерживают атрибут disabled. Но вы можете создать класс CSS, который по сути делает то же самое, например:

.disabled {
    cursor: not-allowed;
}

А затем применить этот класс к элементу условно:

<a ng-class="{disabled: notAllowed}">Link</a>

notAllowed - это выражение, которое оценивается как истинное или ложное в зависимости от того, имеет ли пользователь разрешение или нет.

Вы также можете добавить функцию, которая срабатывает при щелчке по ссылке, предотвращая действие по умолчанию. Затем вы можете добавить его к элементу, используя атрибут ng-click:

<a ng-class="{disabled: notAllowed}" ng-click="stopClick($event)">Link</a>

$scope.stopClick = function($event) {
    if ($scope.notAllowed) {
        $event.preventDefault();
    }
}

Конечно, это может быть легко отключено пользователем, так как это на стороне клиента. Но это верно для любого JavaScript.