AngularJS doclick更改当前div的类

Question

这是我的angularjs doClick函数，单击时我想更改被单击的div的类。

<div data-ng-repeat="a in analytics" style="background-color: {{a.Color}};"  
        ng-class="{'block1 current-block' : $index==0, 'block1' : !($index==0)}"  
        ng-click="myData.doClick(a, $event)">
<div>

在我的angularjs代码中，我找到了当前的活动类并将其删除。 这工作正常，但我不知道如何更改当前div的类。

如何查找和更改所单击的div的类？ （我尝试使用jquery（this）和$（this），但其中两个似乎都不起作用。）

$scope.myData.doClick = function(a, event) 
{

    alert("clicked" + a.Color +a.Feature + " @ " + event.clientX + ": " + event.clientY);

    $scope.selectedItem = a.Feature;

    for(j=0;j<$('#divHolder div.block1').length;j++)
    {
    console.log('Inside for loop',j,$('#divHolder div.block1').length);

      if($( '#divHolder div.block1:eq('+j+')' ).hasClass( "current-block" )==1)
          {
          console.log('Inside if statement',j);

              $('#divHolder div.block1:eq('+j+')').removeClass('current-block');
              break;
          }

    }

    console.log('final css addition',$(this));
    jQuery(this).addClass('current-block');

};

Answer 1

您可以执行以下操作：

ng-class="{current-block: a.Feature == $scope.selectedItem}"