angularjs - 如何使用 angular.element 查找和迭代多个元素？

Question

我正在编写一个指令，AngularJS我需要做的一件事是找到表单中的所有控件并对其进行迭代。

如果jQuery已加载，我会这样做：

var inputs = element.find(".ng-invalid,.ng-valid");
inputs.each(function ()
{
    var i = $(this);               

});

但由于它没有加载而且我只是有Angular我只能想到做这样的事情：

var inputs = element.find("input");
//for loop thru this
var selects = element.find("select");
//for loop thru this
//....etc

有没有更好的方法使用 jQLite 来完成这个？

Answer 1

如果不要求支持 IE7 或更早版本，则可以使用querySelectorAll方法Element：

var controls = element[0].querySelectorAll('.ng-invalid, .ng-valid');
[].forEach.call(controls, function (ctl) {
    var c = angular.element(ctl);               
    ...
});

Answer 2

使用 for 循环。

var inputs = element.find(".ng-invalid,.ng-valid");
for (var index=0; index < inputs.length; index++) {
  var subElement = angular.element(inputs)[index];
  // do something with subElement
}