javascript - AngularJS 中的 jQuery 触发器等效项

Question

我在我的项目中使用 AngularJS，我不想包含 jQuery。我想在 AngularJS 中执行与此等效的 jQuery

$('.someclass').trigger('create');

我在网上搜索过，但没有找到。

Answer 1

AngularJS 内置了 jqLit​​e。引用文档以查看可用的方法

Angular jqLite

对于您的场景:

$ 在 angularJS 中不起作用，angular.element 等同于 $。但是 jqLit​​e 非常有限，不支持“按 id 选择器”，这意味着您不能简单地使用 angular.element 按类或 id 选择元素

var element = angular.element('#foo')

你必须使用以下内容

var element = angular.element(document.querySelector('#foo'))

您可能会问，“为什么不使用 document.getElementById('#foo')？”但请记住，我们使用的是 jqLit​​e，因此我们必须使用 angular.element 才能在元素上使用 jqLit​​e 方法。

您可以使用 .triggerHandler() 代替 .trigger()。 jQuery triggerHandler docs

jqLit​​e 不支持click()。解决方法是使用 .ready()

element.ready(function() {
    console.log('Click');
});