javascript - toggleClass() 仅切换到一个类

Question

我在单击时执行 jQuery/Angular 函数时遇到问题。

<a ng-click="like()" href="#" class="like like--yes"></a>

基本上，当点击“like”按钮时，我想切换“yes”和“no”类。我在单击时检查了 DOM，一旦将其设置为 like--no，它就拒绝更改回来。

$scope.like = function() {
    $('.like--no').toggleClass('like--no like--yes');
    $('.like--yes').toggleClass('like--yes like--no');
}

可以这么说，我需要两个不同的函数，因为我根据它是否相似/不同添加不同的动画。

知道我哪里出错了吗？还有更多内容，但为了清晰起见，我删除了一些不必要的代码。

谢谢。

Answer 1

我发现您正在使用 AngularJS，所以为什么不使用 ngClass 而不是使用 jQuery？

像这样:

    <a ng-click="toggleLike()" ng-class="{'like--yes': like, 'like--no': !like}">Hello World!</a>

Plunkr