Javascript 在这种情况下,如何使用ng mouseenter删除类
在Javascript 在这种情况下,如何使用ng mouseenter删除类,javascript,angularjs,angularjs-directive,angularjs-ng-class,Javascript,Angularjs,Angularjs Directive,Angularjs Ng Class,在div上,如果用户ng mouseenters,我想删除pulseCSS动画类 我没有针对tickerdiv的指令设置,但是在这种情况下,有没有简单的方法来删除或更新pulse类 加价 <ul> <li ng-repeat="tik in tgh.tag.tickers"> <div class="tag-container" ng-mouseleave="tgh.leaveAssoTicker(tik)">
div
上,如果用户ng mouseenter
s,我想删除pulse
CSS动画类
我没有针对ticker
div的指令设置,但是在这种情况下,有没有简单的方法来删除或更新pulse
类
加价
<ul>
<li ng-repeat="tik in tgh.tag.tickers">
<div class="tag-container" ng-mouseleave="tgh.leaveAssoTicker(tik)">
<div class="ticker"
ng-class="{'fade-1 pulse' : tgh.tag.mainSearch}"
ng-mouseenter="tgh.hoverAssoTicker(tik)"
ng-click="tgh.selectTicker(tik)">{{tik.ticker}}</div>
<ticker-hover ticker="tik"></ticker-hover>
</div>
</li>
</ul>
我将使用绑定变量并在
ng类中使用它,例如ticker.isMouseover
。然后在ng mouseenter
事件中,将ng mouseleave
设置为true,反之亦然
然后您可以使用类似于ng class=“{pulse:!tik.isMouseover}”
好的,好的。。但是,您如何将它与tgh.tag.mainSearch
结合起来,这是pulse
首先需要显示的内容。只需将它们组合成一个表达式即可。如果pulse
仅在tgh.tag.mainSearch
和tgh.tag.mainSearch
都可用,并且您不在股票代码上方,那么只需使用:pulse:tgh.tag.mainSearch&!提示isMouseover
function hoverAssoTicker(ticker, type) {
vs.tickerTagsHoverTimeout = $timeout(function() {
var theTicker = {};
if (ticker.ticker === undefined) {
theTicker.ticker = ticker;
} else {
theTicker.ticker = ticker.ticker;
}
ApiFactory.getTickerDetails(theTicker.ticker).then(function(data) {
ticker.longname = data.data.tickers[0].longname;
if (type === 'portfolio') {
ticker.removePortfolio = true;
}
else if (type === 'searched') {
ticker.addPortfolio = true;
}
else {
ticker.removePortfolio = false,
ticker.addPortfolio = false;
}
ticker.tickerHoverDisplay = true;
});
vs.closeTagsTikHoverTimer = $timeout(function() {
if (ticker.tickerHoverDisplay) ticker.tickerHoverDisplay = false;
}, 2000);
$rootScope.$broadcast(vs.closeTagsTikHoverTimer);
}, 500);
}