父納克級的NG-點擊angularjs

我試圖改變父類的名字與不同的孩子在這裏NG單擊是代碼：父納克級的NG-點擊angularjs

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

它的工作的第一隻我錯過？

編輯： 發現故障，代碼是正確的

來源

2016-03-01 FrontEndist

您有'_first'和'_second'定義的CSS類？ 'isSecond'是否可以工作，並且在你首先點擊時保持這種狀態？ – jcc

@jcc麻煩的是，'isFirst'工作，它是添加類的項目，'isSecond'不，我不明白這個問題 – FrontEndist

我問這是否，當你第一次加載頁面，如果你點擊首先是「isSecond」，它起作用了嗎？我認爲你的'ng-click'表達式不會關閉其他屬性，從而產生一個導致沒有任何事情發生的衝突。 – jcc

你有這樣嗎？

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>

來源

2016-03-01 16:13:24

父納克級的NG-點擊angularjs

回答

相關問題