如何確定該字段是否在AngularJS中被選中

Question

我有一些代碼從數據庫中列出了表中的項目。點擊功能在綠色和紅色之間切換單元格。

<tr ng-repeat="team in Pool"> 
    <td ng-class="{'btn-danger': namestarted[$index], 
       'btn-success': !namestarted[$index]}" 
     ng-click="changeColor(team.chrTeamName, $index)">{{ team.chrTeamName }}</td> 
    <td>{{ team.intSeed }}</td> 
    <td ng-class="{'btn-danger': divstarted[$index], 
       'btn-success': !divstarted[$index]}" 
     ng-click="changeColor(team.chrDivision, $index)">{{ team.chrDivision }}</td> 
</tr> 

控制器：

$scope.namestarted = []; 
$scope.divstarted = []; 
$scope.changeColor= function (status, index) { 
    if(status == "Name"){ 
    //How to know if the 'Name" is Selected or NotSelected??? 
    $scope.namestarted [index] = !$scope.namestarted [index];} 
    else 
    $scope.divstarted [index] = !$scope.divstarted [index]; 
} 

現在，當我點擊「名稱」或「項」，我需要知道它是否被選中NotSelected（活躍）？

Answer 1

你可以看看下面的pluker鏈接...它會給你一個更好的主意

https://plnkr.co/edit/9GbNn2RTSsdeiKZZjt0T?p=preview

$scope.setSelected = function(idSelectedVote) { 
    $scope.idSelectedVote = idSelectedVote; 
} 

<ul ng-repeat="vote in votes" ng-click="setSelected(vote.id)" ng-class="{selected : vote.id === idSelectedVote}"> 
     <li class="created"> 
      {{vote.created|date}} 
     </li> 
     <li class="ip"> 
      {{vote.ip}} 
     </li> 
     <li class="status"> 
      {{vote.status}} 
     </li> 
    </ul>