Показывать запрещенную иконку при наведении курсора, когда ng-клик недоступен

Question

Я знаю, что это можно сделать для иконы.Мне интересно, возможен ли интервал, как в моем случае.

<span ng-click="!$ctrl.clicked && $ctrl.doSomething()" 
      ng-class="$ctrl.clicked ? 'unclickable' : 'clickable'">
      Click here!
</span>

Пока это мой код, он использует ng-class, чтобы изменить цвет текста, если он кликабеленили нет.

Я хочу добавить значок запрета, когда наведу курсор мыши на текст.Возможно ли в этом случае?(без перехода от диапазона к другому)

Answer 1

В вашем css вы должны добавить «курсор: не разрешено»;в классе «неуправляемый».

Answer 2

.unclickable {
    cursor: not-allowed;
}

Или какой курсор вы хотите.

Answer 3

Вы можете использовать условное ng-class, например:

ng-class="{true: 'ClassA', false: 'ClassB'}[condition]"

. Для вашего кода измените ng-class на эту часть кода:

ng-class="{true: 'unclickable', false: 'clickable'}[$ctrl.clicked]"