第一章,不知道写什么,想了想。我尊重分页控制的用法,希望一起讨论。
分页是前端数据展现的常见功能,但在Angular js中,原生分页需要将所有数据取到前端,再取到前端,在海量数据操作中并不实用。接下来,我将介绍把jquery的分页控件修改成Angularjs指令的方法。
首先,在web项目中引用了jquery1.10、Angularjs库文件和jq-paging控件。
我将指令名称简化为custompagination,并在指令中添加了Html样式。
然后将相应的控制器添加到指令中。
使用该命令时,html页面代码如下
相应的控制器数据采集方法如下
控件的最终使用效果。
注意:jquery控件是以同步方式调用的,而Angularjs是以异步方式获取后台数据的。同时使用jquery和Angularjs时,要注意结合两种不同的编程思想。在这个例子中,最大的问题是如何在Angularjs获取后台数据后,通知jquery分页控件新的分页情况,然后刷新分页控件的页面数据。这个例子是通过在Angularjs和jquery代码中回调一次来实现的。实际上,还可以使用Angularjs指令中的watch来监控分页控制数据的变化,以刷新页面。欢迎您进一步探索。