AngularJS: Как добавить класс/removeClass с переданным в id как переменную $ scope?

Question

Раньше в моем коде я передавал идентификатор элемента в свой код и задавал ему переменную. Впоследствии я пытаюсь установить removeClass() из этого элемента.

//$scope.myID is equal to some id string like 'element123' 

$scope.clearClass = function() { 
    var target = angular.element(document.querySelector($scope.myID)); 
    target.removeClass('clicked'); 
} 

Я не верю, что правые переменный быть найден здесь, или передаются в querySelector правильно.

Документация говорит, что она должна быть такой: querySelector('#element123'), но я не знаю, как это сделать с переданной переменной, например $ scope.myID.

Как бы это сделать, чтобы, если бы было несколько элементов, например, кнопок, то, если бы кто-то нажал, addClass применим только к этой кнопке, а removeClass будет применяться к остальным кнопкам?

Answer 1

Не манипулируйте DOM в контроллере. Используйте ngClass директиву:

$scope.clearClass = function() { 
    $scope.clickedFlag = false; 
} 

и в HTML

<div ng-class="{ clicked: clickedFlag }"></div>