Угловые директивы функция связи

Question

Я новичок в Угловом. Я пытался изучить директивы. В моей функции директивы link я регистрирую свой элемент и вижу его массив. почему это массив?

<mouse-enter>HI</mouse-enter> 

JS:

angular.module('custom.directive').directive('mouseEnter', function() { 
    return { 
     restrict: 'E', 
     link: function (scope, element) { 
      console.log(element);// this line prints an array! 
      element[0].onmouseover = function() { 
       console.log('Mouse Entered!'); 
      }; 
     } 
    } 
}); 

В этом случае длина этого массива может быть больше 1 !!

Answer 1

Секундомеры jQlite от Angular являются псевдонимом функции jQuery, когда jQuery доступен, иначе jQlite будет встроенным небольшим подмножеством jQuery от Angular.

Таким образом, селектор jQlite или jQuery всегда возвращает массив.

https://docs.angularjs.org/api/ng/function/angular.element

Рассмотрит следующую DOM структуру:

<div id="test"> 
    <div class="foo bar" id="dom-element-1">Hello</div> 
    <p>ignore me</p> 
</div> 

<span class="foo" id="dom-element-2">Hello again</div> 

Теперь, когда вы либо из этого: $(".foo") или angular.element(document.querySelectAll(".foo")), вы получите экземпляр jQlite или JQuery, который будет массивом из двух йот элементы с идентификаторами dom-element-1 и dom-element-2.