Question

我正在尝试根据我从json获取的值更改我正在创建的类，然后在用户cliks上更改它，但我没有让它工作。

这是我在控制器中的代码：

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

视图中的元素：

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

Answer 1

你正在混合$scope.class（在视图中从未使用过）和ng-class，所以我不完全确定你想做什么。但我猜你要找的是：

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

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

Answer 2

看看这个plunker。

https://plnkr.co/edit/1LNxXlDRpzzZImspJJKE?p=preview

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

希望您尝试根据

中article.like的值设置类

单击角度改变ng-class

2 个答案: