javascript - 2 个子级 ng-click 上的父级 ng-class

Question

我正在尝试使用不同的子ng-click更改父类名称这是代码:

<div class="item"
             ng-class="{'_first': isFirst, '_second': isSecond}"
             ng-repeat="item in currentCtrl.currentData">
 <div class="btn-container">
                <button class="btn"
                        ng-click="isFirst = !isFirst">first</button>
            </div>
            <div class="btn-container">
                <button class="btn"
                        ng-click="isSecond = !isSecond">second</button>
            </div>
</div>

它仅适用于第一个我错过了什么？

编辑:发现问题，代码正确

Answer 1

你有这样的吗？

var app = angular.module("app",[]);
app.controller("ctrl", function($scope){
  
  $scope.items = [1,2,3,4];
  $scope.isSecond = true;
  $scope.isFirst = false;
 
    
   
  })

._first{
  color:red;
  }

._second{
 color:blue;
  }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="ctrl">

       <div class="item" ng-class="isFirst== true ? '_first' : '_second'"
         ng-repeat="item in items">
         <p> this is a test</p>
             <div class="btn-container">
                <button class="btn"
                        ng-click="isFirst= !isFirst">first</button>
            </div>
            <div class="btn-container">
                <button class="btn"
                        ng-click="isFirst = !isFirst">second</button>
            </div>
        </div>
  
 </div>