在响应之前，如何在课堂中添加一个属性并在响应后将其删除

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 set/remove 动态类。

请参阅示例

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>