javascript - 如何连接angularjs jqlite的结果？

我正在研究一个指令，该指令将基于rootScope变量禁用页面上的所有表单元素（类似于手动将ng-disabled添加到每个项目，但这只是更方便的方法。我正在重新设计现有的应用程序，不想挖掘一堆模板）

我需要能够合并多个jqlite .find（）语句的结果。 jqlite似乎不支持.find（'select，input'）之类的调用。我总是得到一个空数组。另外，由于它返回对象，所以我不能只连接它们。我可能会从中得到一个facepalm，但我还是向您求助，StackOverflow。

var myApp = angular.module('myApp',[]);

myApp.directive('disableContents', function() {
    return {
        compile: function(tElem, tAttrs) {
            var inputs = tElem.find('input');
            var selects = tElem.find('select');

            var formItems = SOMETHINGTOJOINTHESTUFFABOVE
            angular.forEach(formItems, function(el){
...

到目前为止，我想出了什么，但这让我感到困惑，因为我有多个foreach语句。

'use strict';
angular.module('induction').directive('sttiDisabled', function() {
    return {
        compile: function(tElem, tAttrs) {
            var inputs = tElem.find('input');
            var selects = tElem.find('select');

            var applyDisable = function(el) {
                el = angular.element(el);
                var prevVal = el.attr('ng-disabled');
                prevVal = prevVal? prevVal +  ' || ': '';
                prevVal += tAttrs['sttiDisabled'];
                el.attr('ng-disabled', prevVal);
            }

            angular.forEach(inputs, function(el){
                applyDisable(el);
            });

            angular.forEach(selects, function(el){
                applyDisable(el);
            });


        }
    }
});

最佳答案

jqLite（angular.element）确实不支持复杂的选择器，因此您必须首先使用querySelectorAll选择所有需要的内容，然后使用angular.element实例包装此集合：

var formControls = angular.element(tElem[0].querySelectorAll('input, select'));