在这种情况下如何使用 ng-mouseenter 删除 class

Question

在 div 和 ticker 的 class 上，我想删除 pulse CSS 动画 class 一次用户 ng-mouseenters.

我没有只针对 ticker div 的指令设置，但是有没有一种简单的方法可以删除或更新此 pulse class案例？

标记

<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>

鼠标输入函数

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

Answer 1

我会使用绑定变量并在 ng-class 中使用它，例如 ticker.isMouseover。然后在您的 ng-mouseenter 事件中，将其设置为 true，反之亦然 ng-mouseleave.

然后你可以有类似 ng-class="{pulse: !tik.isMouseover}"

在这种情况下如何使用 ng-mouseenter 删除 class

How to remove class with ng-mouseenter in this case

javascript

angularjs

angularjs-directive

angularjs-ng-class