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

Question

我知道这个可以做成图标。我想知道是否有可能像我这样的跨度。

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

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

我想添加的是当我将鼠标悬停在文本上时有一个禁止图标。在这种情况下可能吗？ （不从 span 更改为其他）

Answer 1

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

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

对于您的代码，将 ng-class 更改为这部分代码：

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

Answer 2

在您的 css 中，您应该可以在 "unclickable" class 中添加一个 "cursor: not-allowed;"。

Answer 3

.unclickable {
    cursor: not-allowed;
}

或您想要的 cursor。