Моя таблица:
<table>
<tr class="imp" toggle-class="active">
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="imp" toggle-class="active">
<td></td>
<td></td>
<td></td>
</tr>
</table>
Моя директива toggle-class:
angular.module("app")
.directive('toggleClass', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.bind('click', function() {
element.toggleClass(attrs.toggleClass);
});
}
};
});
Мои стили, закрашивающие и снимающие цве со строки, на которую я кликнул.
.active {background: blue;}
Я делаю неправильно, потому, что строки будут выводиться через ng-repeat, и мне нужно нормальное условие для закрашивания строк, которым будет присвоен класс .imp другим условем. Как это сделать?