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 设置/删除动态类。

参见示例

＆＃13;

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;
  }

});

＆＃13;

.deactive {
  color: red;
}

＆＃13;

<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>

＆＃13;

如何在响应之前在类中添加属性并在响应后将其删除？

1 个答案: