在ng-repeat中切换活动类

时间:2017-03-02 11:27:32

标签: angularjs

当我点击每个项目时,如何在ng-repeat中切换一个类。我的代码不起作用。谢谢,

这是我的代码。

 <a class="list-group-item" ng-repeat="connect in Connected" ng-click="getChat(connect.TokenId, connect.SessionId); getOnline(connect.SupportId, connect.TokenId, connect.SessionId, connect.CreateTime); onClickTab(connect.TokenId)" ng-class="{'active': $index == selectedIndex}" ng-init="$first && getChat(connect.TokenId, connect.SessionId); $first && getOnline(connect.SupportId, connect.TokenId, connect.SessionId, connect.CreateTime)">
              <h4 class="list-group-item-heading"><strong ng-bind="connect.SupportId"></strong></h4>
                <ul class="list-unstyled">
                  <li><strong>Token ID :<strong ng-bind="connect.TokenId"></strong> </li>
                  <li>
                    <strong>Online :</strong> 
                    <span class="Connect" ng-if="connect.SessionId != undefined" class="ConnectIcon"><div class="ConnectIcon"></div></span>
                  </li>
                  <li><span>Chat Duration: </span> <strong ng-bind="connect.CreateTime | DateGap"></strong></li>
                </ul>
            </a>   

在我的控制器中:

 $scope.onClickTab= function(x){
      $scope.selectedIndex= x;
    };

1 个答案:

答案 0 :(得分:1)

你应该使用

onClickTab($index)

不是id。