javascript - 输入:not([type ="checkbox"]) not working in angular test

Question

下面是我在 beforeEach 函数中编译的模板

template = '<form name="configForm">' +
                  '<input type="number"/>' +
                  '<input type="checkbox"/>' +
                  '<input type="text"/>' +
                  '<div class="form-error" ng-show="configForm.$error.max">Error</div>' + 
                  '</form>';
element = angular.element(template);   
element = $compile(element)($scope);

为什么下面的 find 方法返回空结果？

var dirElementInput = element.find('input:not([type="checkbox"])');
console.log(dirElementInput); 
console.log(dirElementInput.length);

但是当我像这样使用它时，它起作用了:

var dirElementInput = element.find('input');
console.log(dirElementInput); 
console.log(dirElementInput.length);

Object{0: <input type="number">, 1: <input type="checkbox">, 2: <input type="text">, length: 3}

LOG: 3

Answer 1

Angular 使用的 jQueryLite，find() 方法仅限于通过标签名称查找，因此这里不能使用 :not就像在完整的 jQuery 库中一样......

另一种方法是编写一个小方法来过滤输入类型。

作为引用，这里是 Angular Documentation在 find() 上。