首篇,不知寫何物,思來想去,敬上分頁控件使用方法,望共同探討。
分頁乃前端數據展現之常用功能,而在我們使用的Angular js中,原生的分頁需要將數據全部取到前端后,然后再到前端分頁,在大批量數據操作時并不實用。接下來,我來介紹了將一種jquery的分頁控件修改為Angularjs指令的方法。
首先在web項目中引用jquery1.10、Angularjs庫文件以及jq-pagination控件。
我降指令名稱為custompagination,為指令添加Html樣式。
然后給指令添加對應的控制器。
指令使用時,html頁面代碼如下
對應控制器數據獲取的方法為
控件的最終使用效果。
注意事項:jquery控件的調用更多的是使用一種同步的方式,而Angularjs獲取后臺數據則全部采用的是異步方式,在同時使用jquery和Angularjs時需要注意將兩種不同的編程思想結合起來。在本例中最大的問題是在使用Angularjs獲取后臺數據后如何將新的分頁情況通知給jquery分頁控件,然后刷新分頁控件的頁面數據。本例是在Angularjs和jquery代碼中各進行一次回調來實現的。其實也可以在Angularjs指令中使用watch來監視分頁控件數據的變化達到刷新頁面的目的,歡迎各位作進一步的探索。
新聞熱點
疑難解答