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);
}