jquery - 使用 jQuery 按类选择 Angular JS 指令中 ng-repeat 创建的元素？

Question

我查看了 Angular 网站 here 上的文档但我还是有点困惑。

我有一个 Angular 指令，其模板包含由 ng-repeat 创建的元素。这些元素中的每一个都有一个共同的类。我试图按类选择这些元素，以便在属于该类的元素上触发事件时可以传递处理程序。

据我从答案中可以看出here我可以选择使用 jqLit​​e 或 angular.element() 选择这些元素。我的 jQuery 是在 Angular 包含之后包含的。我认为应该这样做，因为我想在 Angular 通过我的指令生成特定类的元素后选择它们。

我实际上并没有尝试在类上使用 .click() 事件，这只是一个概念证明。我在与指令的包含元素关联的 Controller 中有以下代码:

$(".gallery-image").click(function(){
        alert("test");
});

我想要做的事情应该是相当明显的，我只是不确定如何处理 Angular 和 jQuery 的混合体。

如何在这些元素上使用 jQuery 选择并运行事件处理程序？

Answer 1

像这样使用

$(document).on("click", ".gallery-image", function(){
        alert("test");
});

您无法直接选择“.gallery-image”，因为当您将点击事件绑定(bind)到它们时，页面上没有它们

但是你总是可以在 ng-repeat 中的项目上使用 ng-click 指令，你不需要使用 jQuery 来绑定(bind)点击事件。