jquery - 如何在响应前在类中添加属性并在响应后删除它？

Question

大家好，我有一个 html，其中添加了某个类。我想在 API 响应之前在其中添加某个属性，我想在响应之后删除它。

这是我的html

<div class="artist-job-search-foo artist-filter" ng-click="$ctrl.changeTypeOfFilter({params: $index + 1, paramsTwo : 'true'});$ctrl.selectedTab = $index" role="button">Audition</div>

这是我的 API 调用

 $scope.callFunction = function(){
    // add attribute in class artist-filter 
    //api call response 
    // remove attribute in class artist-fulter

}

Answer 1

Angular 有一个巨大的库，您可以在 angularjs 中阅读它网站。

在您的情况下，您必须使用可以设置/删除动态类的ng-class。

看例子

var app = angular.module('app', []);

app.controller('ctrl', function($scope, $http) {
  $scope.myClass = "artist-filter";

  $http.get("https://jsonplaceholder.typicode.com/users").then(function(response) {
    $scope.items = response.data
  });

  $scope.callFunction = function(item) {
    item.active = true;
  }

});

.deactive {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">


  <ul>
    <li ng-repeat="item in items" ng-class="{'deactive': !item.active}" ng-click="callFunction(item)">
      {{item.name}}
    </li>
  </ul>

</div>