javascript disabled属性在angularJS中无效？

Question

我编写了以下行，将disable属性添加到角度

中的元素中

angular.element(document.getElementsByClassName("pit")).setAttribute('disabled');

但它无法正常工作并抛出错误：

angular.element(...).setAttribute is not a function

Answer 1

angular.element返回一个jQuery / jQuery lite包含的元素，而不是原始的DOM元素。

您可以使用jQuery方法设置它：

angular.element(document.getElementsByClassName("pit")).attr('disabled', true);

这不是真正的角度方式。考虑添加服务以向ng-disabled或指令提供值以管理禁用状态。

Answer 2

angular.element返回a jQuery or jqLite Object，两者都有一个attr（）函数，您可以使用它，所以：

而不是：

angular.element(document.getElementsByClassName("pit")).setAttribute('disabled');

你应该写：

angular.element(".pit").attr('disabled', 'disabled');

Answer 3

Angular内置了jQuery，所以你可以添加

$(".pit").attr('disabled', true);

Answer 4

angular.element(document.querySelector(".pit")).setAttribute('disabled',true);

Answer 5

仅当元素是输入类型

时，此语句才有效

angular.element(document.getElementsByClassName("pit")).attr('disabled', true);

或使用ng-disabled指令。这是禁用角度元素的最佳方法。