Angularjs Elementは、1回の呼び出しで選択と入力の両方を検索します。単一のタグ検索を制限していますか？

Question

私は<input/>と<select>要素を見つけて、blurイベントをバインドする指示文を持っています。私はng-blurでこれを行うことができますが、この質問は実際にangular.elementセレクタについてです。

link: function(scope, elem, attrs){ 

    elem.find('input, select').bind('blur', someFunction); // doesn't work as input, select returns length 0 

    // this works when separated 
    elem.find('input').bind('blur', someFunction); 
    elem.find('select').bind('blur', someFunction); 

} 

私は質問がなぜ最初のやり方ではないのでしょうか？

documentation状態：

のfind（） - https://docs.angularjs.org/api/ng/function/angular.element

からタグ名 による検索に限定されるものではなく、それは単一のタグの検索に制限されていますと言うことはありません。私は何か間違っているのですか？私はどこかのドキュメントを紛失しましたか？

Answer 1

私たちは明らかにjQuery APIを持っていないので、が動作しないのは驚きではありません。ドキュメントは不足しています。また、そこには驚きはありません。しかし、sourceを見ると.find()はgetElementsByTagNameのラッパーに過ぎません。だから、ここではあまり買っていない。つまり、化合物セレクターは機能しません。

// jqLite.js#L998 
find: function(element, selector) { 
    if (element.getElementsByTagName) { 
     return element.getElementsByTagName(selector); 
    } else { 
     return []; 
    } 
} 

Answer 2

また、querySelectorAllを使用することもできます。ここで

element[0].querySelectorAll('input, select') 

はjsfiddleです：コンマなし

http://jsfiddle.net/36qp9ekL/1196/