removeAttr不适用于angularjs

Question

我试图从一组单选按钮中删除选中的属性。 我正在使用angularjs，但是我尝试使用jquery，它是相同的。 这是我的angularjs代码：

 var radioList = angular.element(document.querySelectorAll(".radioButtons"));
        for (var i = 0; i <= radioList.length; i++) {
            radioList[i].removeAttr('checked');
        }

错误是：

TypeError: radioList[i].removeAttr is not a function

我究竟做错了什么？？ 提前致谢。

更新：Angular版本：AngularJS v1.5.8

Answer 1

您正在执行1个额外循环，您的循环条件应为i<而不是i<=应该像

for (var i = 0; i < radioList.length; i++) {
            radioList[i].checked=true;
        }

这是工作演示

Answer 2

首先，angularJS在内部使用jQuery，因此您可以像在jQuery中一样随意使用元素选择器。 调用angular.element函数后，返回的结果为no，一个或多个结果，将返回结果数组。 由于此数组支持jQuery，因此您可以在其引用上调用jQuery函数，该函数将为返回的结果数组中的每个条目调用。 因此，您可以简单地做到这一点；

angular.element('.radioButtons').removeAttr('checked');

Answer 3

我解决了在输入中添加值的问题。

<input type="radio" name="presetRadio" id="{{filterData.id}}"
       ng-model="currentRule.filters"
       value="{{filterData.id}}"          
       ng-checked="filterData.active" />

谢谢大家！！