2014-06-30 73 views
0

有沒有辦法從角色中的css內聯懸停而不刪除整個類?AngularJS有條件地刪除CSS懸停

像下面的刪除整個類:

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

但說option-selectedoption-selected:hover

有沒有一種方法,以消除:在NG-類中內嵌徘徊?

回答

4

將懸停附加到可以切換的另一個類。

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