国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

ANGULARJS中使用JQUERY分頁(yè)控件

2019-11-20 11:33:28
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

首篇,不知寫何物,思來(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)一步的探索。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 黔西| 广东省| 上高县| 永年县| 阿城市| 凌云县| 社旗县| 亚东县| 于都县| 安仁县| 九寨沟县| 深水埗区| 老河口市| 双峰县| 新宾| 闻喜县| 鄂托克旗| 清苑县| 五家渠市| 客服| 玛纳斯县| 上林县| 南陵县| 灌云县| 家居| 苏尼特右旗| 化隆| 惠水县| 图们市| 新沂市| 大英县| 根河市| 象州县| 鄢陵县| 西乡县| 彭阳县| 天峨县| 衡东县| 昌平区| 福贡县| 舒兰市|