AngularJS:如何使用 id 作为 $scope 变量传递来添加/删除类？

Question

在我的代码的前面，我将一个元素 ID 传递到我的代码中并为其设置一个变量。之后，我尝试从具有该 ID 的元素中删除 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

不要在 Controller 中操作 DOM。使用ngClass指令:

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

在 HTML 中

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