AngularJS yönergesinde alt öğe bulun

Question

Yönergede çalışıyorum ve childs sınıf adını bulmak için element parametresini kullanarak sorun yaşıyorum.

.directive("ngScrollList", function(){ 
    return { 
     restrict: 'AE', 
     link: function($scope, element, attrs, controller) { 

      var scrollable = element.find('div.list-scrollable'); 

      ... 
     } 
     }; 
}) 

Ben etiket adıyla bulabilirsiniz ama ben konsolda görebileceğiniz gibi sınıf adına göre bulmak için başarısız: böyle bir şey yapmanın doğru yol olacağını

element.find('div') 
[<div class=​"list-viewport">​…​</div>​,<div class=​"list-scrollable">​…​</div>​] 
element.find('div.list-scrollable') 
[] 

? bağlantı fonksiyonu, don içinde, aynı zamanda

// link function 
function (scope, element, attrs) { 
    var myEl = angular.element(element[0].querySelector('.list-scrollable')); 
} 

: Bunu yapmak, ben jQuery ekleyebilir biliyorum, ama bu bir overkill .... bağlantı fonksiyonunda

Answer 1

jQlite (açısal "jQuery" bağlantı noktası), sınıflara göre aramayı desteklemez.

Uygulamanıza jQuery'yi eklemek bir çözüm olurdu.

Başka

QuerySelector veya QuerySelectorAll kullanıyor:

link: function(scope, element, attrs) { 
    console.log(element[0].querySelector('.list-scrollable')) 
} 

Biz HTML öğesidir element dizi ilk öğesini kullanın. element.eq(0) aynı sonucu verecektir. Bu [yardım] eğer

FIDDLE

Answer 2

olmaz acaba $ kullanarak scope değişkeninizi adlandırın. Bu, açısal servislere özel bir açısal sözleşmedir ve kendi değişkenleriniz için kullanmak istediğiniz bir şey değildir.