当ng-click不可用时，在悬停时显示禁止图标

Question

我知道这可以用于图标。我想知道是否有可能是一个跨度，就像我的情况一样。

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

这是我的代码到目前为止，它使用ng-class来更改文本的颜色（如果它是可点击的。）

我要添加的是当我将鼠标悬停在文本上时有一个禁止图标。在这种情况下是否可能？ （不改变跨度到其他）

Answer 1

您可以像这样使用条件ng-class：

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

对于您的代码，请使用以下代码部分更改ng-class：

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

Answer 2

在你的CSS中你应该能够添加一个＆＃34;光标：not-allowed;＆＃34;在＆＃34;无法点击＆＃34;类。

Answer 3

.unclickable {
    cursor: not-allowed;
}

或者你想要的cursor。