javascript - 点击时 Angular 改变 ng-class

Question

我正在尝试更改一个基于从 json 获取的值创建的类，然后在用户点击它时更改它，但我无法使其正常工作。

这是我在 Controller 中的代码:

$scope.like = function(){
      if ($scope.class === "ion-ios-heart-outline")
        $scope.class = "ion-heart";
      else
        $scope.class = "ion-ios-heart-outline";
    };

以及 View 中的元素:

<i ng-click="like()" ng-class="{ 'ion-heart' : article.like == 1, 'ion-ios-heart-outline' : article.like == 0}">

Answer 1

您正在混合 $scope.class ( View 中从未使用过)和 ng-class，所以我不完全确定您想要做什么。但我猜你正在寻找的是这样的:

$scope.article.like = 0;
$scope.like = function() {
    $scope.article.like = $scope.article.like == 0 ? 1 : 0;
};

然后 CSS 类将根据文章是否被喜欢而更改。