Эквиваленты JS для методов jQuery

Question

В настоящее время я удаляю зависимость jQuery из моего проекта AngularJS и наткнулся на следующий код как часть спецификации в моей базе кода:

beforeEach(inject(function($rootScope, _$compile_) {
    scope = $rootScope;
    $compile = _$compile_;
    var domElement = '<my-element class="my-class"' + 'ng-class="{' + 'open: myFunction().isOpen === true}"+></my-element>';
    element = angular.element(domElement);
}));

function createComponent() {
    $compile(element)(scope);
    scope.$digest();
    return element.find('my-element');
}

Мне интересно, какими будут JS-эквиваленты для частей кода angular.element(domElement); и return element.find('my-element');. Я знаю, что angular.element - это просто оболочка для jQuery, но попытка использовать document.querySelector (или другие методы на document) не помогли.

Answer 1

На самом деле нет прямых javascript-эквивалентов для угловых angular.element и element.find.

Наиболее тесно связанные вещи могут быть document.querySelector и array.prototype.find, соответственно. Однако, одно небольшое, но важное различие между методами, предоставляемыми angular и их аналогами vanilla javascript, заключается в том, что угловые методы поддерживаются в ряде браузеров, которые методы vanilla javascript могут не поддерживать.