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

我想知道代码的angular.element(domElement);和return element.find('my-element');部分的JS等效项是什么。我知道angular.element只是jQuery的包装器，但是尝试使用document.querySelector（或document上的其他方法）并没有帮助。

Answer 1

实际上，没有与angular的angular.element和element.find等效的直接javascript。

最相关的事物可能分别是document.querySelector和array.prototype.find。但是，angular提供的方法和与之对应的vanilla javascript方法之间的一个小而重要的区别是，vanilla javascript方法可能无法支持许多浏览器都支持angular方法。

jQuery方法的JS等效项

1 个答案: