Разница между elem и elem [0] в пользовательских директивах angularJS?

Question

angular.module('todomvc')
.directive('todoFocus', function ($timeout) {
    'use strict';

    return function (scope, elem, attrs) {
        scope.$watch(attrs.todoFocus, function () {
                $timeout(function () {
                    elem[0].focus();
                }, 0, false);
        });
    };
});

В последнее время я анализировал пользовательскую директиву примера кода JS (angularJS) и наткнулся на эту строку, которая меня расстроила.

elem[0].focus();

Когда я попытался изменить elem [0].фокус ();to elem.focus ();Вся директива просто не работает.Но в моей предыдущей попытке создать пользовательскую директиву, включающую elem.bind ('keydown', someFunction () {});Один elem без [0] работал нормально.

Итак, мой вопрос: в чем разница между elem и elem [0] при создании этих пользовательских директив?

Любая помощь приветствуется, спасибо!

Answer 1

В основном это очевидные различия;

1. elem - это экземпляр jQlite в angular
2. elem [0] - это собственный объект javascript, и экземпляр jQlite отсутствует, так что вы можете 't использовать любой JOM-метод DOM, но только нативные методы в javascript.

Answer 2

Согласно angularJs документации , он возвращает объект jQuery.Если вас раздражает elem[0].focus(), вы можете использовать $(elem).focus()