Angular Datatable.net分页按钮的回调函数单击

Angular Datatable.net分页按钮的回调函数单击,angular,typescript,datatable,datatables,Angular,Typescript,Datatable,Datatables,我试图点击Datatable上的一个分页按钮时的click事件,但不确定如何在Angular中实现这一点 如果我看一个例子,我将如何以角度编写相同的代码,并且在click事件中,emit通过@Output属性发出事件,这样就可以通知我的父组件触发了分页事件?如果要在初始化数据表的组件中处理单击事件,则无需发出事件。只需使用组件中提供的示例中的代码,事件就可以正常工作 我已经创建了您提供的示例的角度版本。单击datatable paginator上的next,您将看到事件触发 但是,如果要在初始化

我试图点击Datatable上的一个分页按钮时的click事件,但不确定如何在Angular中实现这一点


如果我看一个例子,我将如何以角度编写相同的代码,并且在click事件中,
emit
通过
@Output
属性发出事件,这样就可以通知我的父组件触发了分页事件?

如果要在初始化数据表的组件中处理单击事件,则无需发出事件。只需使用组件中提供的示例中的代码,事件就可以正常工作

我已经创建了您提供的示例的角度版本。单击datatable paginator上的next,您将看到事件触发

但是,如果要在初始化datatable的组件的父组件中处理事件,则需要通过
@Output
发出事件并在子组件中处理它。或者,您也可以使用任何其他组件交互技术来满足您的逻辑


希望这有帮助

在尝试了上述提供的解决方案后,它并不完全适合我

我必须更改提供的实施,如下所示:

drawCallback: () => {
          $(document).on('click', '#datatables_next', () => {
            this.nextClicked.emit("continuation");
          });
          $(document).on('click', '#datatables_previous', () => {
            console.log('next clicked...');
          });
        }

问题是,使用提供的解决方案,我的事件从未被触发。这是因为分页控件是动态加载的,我想,当我尝试绑定到这些控件时,它们不在那里。

您在angular项目中使用jquery datatable吗?是的,我。。。考虑用ag Grid替换它,我仍然在学习Angular,不知道我能用这个例子访问Datatable,我想我应该试试。。。感谢您的努力:-)