AngularJS有条件地删除CSS悬停

问题描述:

有没有办法从角色中的css内联悬停而不删除整个类?AngularJS有条件地删除CSS悬停

像下面的删除整个类:

ng-class="{'option-selected' : option.chosen}" 

但说option-selectedoption-selected:hover

有没有一种方法,以消除:在NG-类中内嵌徘徊?

将悬停附加到可以切换的另一个类。

Somethign像

ng-class="{'option-selected': option.chosen, 'option-hover': option.hover } 
在你的CSS

然后建立悬停时你会

.option-selected.option-hover:hover{ 
    ... 
} 

这样,只有悬停的工作方式是,如果这两个类就可以了。

除此之外,没有办法避免从CSS盘旋,除非你开始投入!重要的无处不在。

+0

或者操作只能添加一个id到特定元素并使用'#id:hover'。任何具有更具体CSS选择器的东西都可以用来覆盖。 –

+0

也许不会帮助你,但知道也有这个指令https://docs.angularjs.org/api/ng/directive/ngMouseover – originof