Javascript 在ng repeat元素上以编程方式切换类

Javascript 在ng repeat元素上以编程方式切换类,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我希望通过编程在单个ng repeat元素上切换该类,但我的代码似乎将其设置为所有元素,并且没有办法重置它。我怎样才能解决这个问题 instant.html <div class="item item-button-right" ng-repeat="service in businessServiceList | filter:services"> {{service.title}} <div class="buttons" style="padding: 0px"&

我希望通过编程在单个ng repeat元素上切换该类,但我的代码似乎将其设置为所有元素,并且没有办法重置它。我怎样才能解决这个问题

instant.html

<div class="item item-button-right" ng-repeat="service in businessServiceList | filter:services">
  {{service.title}}
  <div class="buttons" style="padding: 0px">
    <button class="button {{buttonStyle}}" ng-click="changeButtonStyle()">
      <i class="ion-android-done"></i>
    </button>
    <button class="button button-stable">
      <i class="ion-android-more-horizontal"></i>
    </button>
  </div>
</div>

ng类,您必须使用

<div class="item item-button-right" ng-repeat="service in businessServiceList | filter:services">
  {{service.title}}
  <div class="buttons" style="padding: 0px">
    <button class="button" 
        ng-class="{ 'button-positive': isButtonClicked }" ng-click="isButtonClicked = !isButtonClicked">
      <i class="ion-android-done"></i>
    </button>
    <button class="button button-stable">
      <i class="ion-android-more-horizontal"></i>
    </button>
  </div>
</div>

{{service.title}}

因此,在ng类属性中,您可以将所有应根据特定条件进行切换的类放入其中。

ng类,您必须使用

<div class="item item-button-right" ng-repeat="service in businessServiceList | filter:services">
  {{service.title}}
  <div class="buttons" style="padding: 0px">
    <button class="button" 
        ng-class="{ 'button-positive': isButtonClicked }" ng-click="isButtonClicked = !isButtonClicked">
      <i class="ion-android-done"></i>
    </button>
    <button class="button button-stable">
      <i class="ion-android-more-horizontal"></i>
    </button>
  </div>
</div>

{{service.title}}

因此,在ng类属性中,您可以将所有应根据特定条件进行切换的类放入其中。

效果很好。非常感谢你!效果很好。非常感谢你!