0

查看更改类:如何利用点击徘徊

<a ng-repeat="control in controls | filter:name" ng-href="#{{control.id}}" ng-click="restart(control.name)" ng-class="{active: control.name == selected}">{{control.name}} 

控制器 - app.js

$scope.restart = function (controlName) { 
    $scope.selected = controlName; 
} 

在这里,我已经添加了活动类,而clicking.how我可以使用鼠标悬停添加悬停类,并使用鼠标移开类。

+0

使用'ngMouseover'和'ngMouseleave' – AranS

+0

我used..but我想添加活动类,同时点击。我想添加添加'悬停'类,而徘徊。 –

回答

1

如上所建议,使用纳克级:

<div ng-class="class" ng-click="class='active'" ng-mouseover="class='hovering'" ng-mouseleave="class=''"></div> 

这样,您将有3个事件监听器到一个变量(以相互排斥的方式)。

如果你想在同一时间同时拥有,使用数组是这样的:

<div ng-class="[classClick, classHover]" ng-click="classClick='active'" ng-mouseover="classhover='hovering'" ng-mouseleave="classHover=''"></div> 
1

使用纳克级,NG-鼠标悬停ANF NG-鼠标离开:

<div ng-class='{"classtoadd": add, "active": click, "hover": hover}' ng-mouseover="add=true;" ng-mouseleave="add=false" ng-click="click = true" ng-mouseover="hover = true"></div> 

感谢您的答复。我想添加“活跃”类而clicking.and我想和NG-鼠标悬停和NG-鼠标离开添加添加类悬停”,而‘悬停’

+0

感谢您的回复。我想添加'积极'类,同时点击。我想添加添加类'悬停',而'悬停' –

+0

我刚刚编辑添加你问的问题 –