Angularjs меняет цвет фона

Question

В следующем коде при щелчке по td цвет изменяется для td, но при нажатии на какой-либо другой td старый цвет td остается как очистить все цвета td. Я не могу использовать jquery или угло- JQuery

<tr ng-repeat="r in myrows"> 
    <td style="width:100px;"><a href="javascript:void(0);" ng-click="getorder($event,r.id)" style="display:inline-block;">{{r.title}}</a></td 
</tr> 

$scope.getorder = function($event,release_id) 
{ 
    console.log($event.currentTarget.parentNode); 
    td = $event.currentTarget.parentNode; 
    $event.currentTarget.parentNode.backgroundColor="red"; 

} 

Answer 1

вы можете сделать это в угловом образом с помощью ng-class или ng-style,

определить переменную область действия в контроллере,

$scope.clickedElm = -1; 

чан Е ng-click к

<a href="javascript:void(0);" ng-click="getorder($event,r.id); $parent.clickedElm = $index"... 

и использовать ng-class в теге

<a href="javascript:void(0);" ng-click="getorder($event,r.id); $parent.clickedElm = $index" ng-class="{differentBg : ($index == $parent.clickedElm)}"... 

Примечание: Вы должны вызвать объем переменной clickedElm по $parent.clickedElm, потому что ng-repeat директива создать дочерний объем в каждой итерации.

вот sample demo