javascript - 如何在 Angular 2 中制作这个 jQuery 事件处理程序？

Question

我正在 Angular 2 中创建一个 Web 应用程序。在其中一个页面上，我使用一个名为 jquery-comments 的 jQuery 插件。 ，启用用户评论。

现在，如果用户单击 jquery-comments“回复”按钮，我想显示一个自定义对话框。

如果是 jQuery，我会这样做:

$('.jquery-comments .reply').on('click', function (event) {
    event.preventDefault();
    ...here I can show my custom dialog box or something else        
});

但是我如何在 Angular 2 中创建类似的事件处理程序，而不更改 jquery-comments 插件？

Answer 1

In your angular component you should reference a DOM element from the template using @ViewChild() After the view has been initialized you can use the nativeElement property of this object and pass to jQuery.

Declaring $ (or jQuery) as JQueryStatic will give you a typed reference to jQuery.

引用:https://stackoverflow.com/a/30662773/510788

将 jQuery 注入(inject)组件后，您可以捕获点击。