Javascript 在ng repeat元素上以编程方式切换类
我希望通过编程在单个ng repeat元素上切换该类,但我的代码似乎将其设置为所有元素,并且没有办法重置它。我怎样才能解决这个问题 instant.htmlJavascript 在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"&
<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类属性中,您可以将所有应根据特定条件进行切换的类放入其中。效果很好。非常感谢你!效果很好。非常感谢你!