2016-06-26 2 views
2

데이터베이스의 테이블 항목을 나열하는 코드가 있습니다. 클릭 기능은 셀을 녹색과 빨간색으로 토글합니다.필드가 선택되었는지 여부를 결정하는 방법 AngularJS

<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 (활성 여부) 여부를 알 필요가?

다음과 같은 pluker 링크에 모습을 가질 수
+1

패스

'은'changeColor() '함수 team'가를 확인을 줄 것이다 stattus –

+0

현재 어떤 문제가 있습니까? 당신은 어떤 코드를 보여 주었지만 어떤 코드가 작동하는지 또는 그렇지 않은지 또는 어떤 오류가 발생했는지에 대한 단서를 제공하지 못했습니다. [질문] – charlietfl

+0

찰리를 참조하십시오 : 위대한 코드가 작동하지만 ChangeColor()를 클릭하면 상태를 잡을 수 있어야합니까? – Kushi

답변

0

... 그것은 당신에게 더 나은 아이디어 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> 
관련 문제