代码之家 › 专栏 › 技术社区 › Leo Messi

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

ng-class angularjs-ng-click angularjs html javascript

Leo Messi · 技术社区 · 7 年前

我知道这可以做成一个图标。我想知道是否有可能跨距,就像我的情况一样。

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

这是迄今为止我的代码,它使用 ng-class 如果文本可单击或不可单击,则更改其颜色。

我想添加的是当我悬停在文本上时有一个禁止使用的图标。在这种情况下有可能吗?(不改变跨度)

3 回复 | 直到 7 年前

Robbie 7 年前

在CSS中,您应该能够在“unclickable”类中添加“cursor:not allowed;”。

Saeed 7 年前

您可以使用条件 ng-class 这样地:

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

对于您的代码,更改 NG类 这部分代码:

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

Ben West 7 年前

.unclickable {
    cursor: not-allowed;
}

或以其中一个为准 cursor 你想要的。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前