首篇,不知寫何物,思來(lái)想去,敬上分頁(yè)控件使用方法,望共同探討。
分頁(yè)乃前端數(shù)據(jù)展現(xiàn)之常用功能,而在我們使用的Angular js中,原生的分頁(yè)需要將數(shù)據(jù)全部取到前端后,然后再到前端分頁(yè),在大批量數(shù)據(jù)操作時(shí)并不實(shí)用。接下來(lái),我來(lái)介紹了將一種jquery的分頁(yè)控件修改為Angularjs指令的方法。
首先在web項(xiàng)目中引用jquery1.10、Angularjs庫(kù)文件以及jq-pagination控件。
我降指令名稱為custompagination,為指令添加Html樣式。

然后給指令添加對(duì)應(yīng)的控制器。

指令使用時(shí),html頁(yè)面代碼如下

對(duì)應(yīng)控制器數(shù)據(jù)獲取的方法為
控件的最終使用效果。

注意事項(xiàng):jquery控件的調(diào)用更多的是使用一種同步的方式,而Angularjs獲取后臺(tái)數(shù)據(jù)則全部采用的是異步方式,在同時(shí)使用jquery和Angularjs時(shí)需要注意將兩種不同的編程思想結(jié)合起來(lái)。在本例中最大的問(wèn)題是在使用Angularjs獲取后臺(tái)數(shù)據(jù)后如何將新的分頁(yè)情況通知給jquery分頁(yè)控件,然后刷新分頁(yè)控件的頁(yè)面數(shù)據(jù)。本例是在Angularjs和jquery代碼中各進(jìn)行一次回調(diào)來(lái)實(shí)現(xiàn)的。其實(shí)也可以在Angularjs指令中使用watch來(lái)監(jiān)視分頁(yè)控件數(shù)據(jù)的變化達(dá)到刷新頁(yè)面的目的,歡迎各位作進(jìn)一步的探索。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注