Angularjs Öğesi, tek bir aramda hem seçip hem de girdi buluyor - tek bir etiket aramasının sınırı mı?

Question

Onlara bir blur olayını bağlamak için <input/> ve <select> öğelerini bulmak istediğim bir yönergem var. Biliyorum ki bu ng-blur ile yapılabilir ama bu soru gerçekten angular.element seçiciyle ilgili.

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); 

} 

Sanırım soru neden ilk yol çalışmıyor?

documentation devletler:

bulmak() - https://docs.angularjs.org/api/ng/function/angular.element

ancak gelen etiket adını tarafından rehberin sınırlıdır o tek etiket aramalarının sınırlı olması demek değildir. Yanlış bir şey mi yapıyorum? Bir yerlerde bazı belgeleri özledim mi?

Answer 1

Açıkçası burada jQuery API'sine sahip değiliz, bu yüzden 'un çalışmasına şaşırmadım. Dokümanlar eksik - ya da orada da sürpriz yok. Ancak, source'a bakarsanız, .find(), getElementsByTagName civarında bir sarıcıdan başka bir şey değildir. Yani - kendimizi burada fazla satın almayız. Diğer bir deyişle, bileşik seçici Ayrıca querySelectorAll kullanabilirsiniz

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

Answer 2

... işe gitmiyor. İşte

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

bir jsfiddle geçerli: virgül olmadan

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