準(zhǔn)備工作：

創(chuàng)新互聯(lián)企業(yè)建站,十年網(wǎng)站建設(shè)經(jīng)驗(yàn)，專注于網(wǎng)站建設(shè)技術(shù)，精于網(wǎng)頁設(shè)計(jì)，有多年建站和網(wǎng)站代運(yùn)營經(jīng)驗(yàn)，設(shè)計(jì)師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格，提供周到的建站售前咨詢和貼心的售后服務(wù)。對于做網(wǎng)站、成都做網(wǎng)站中不同領(lǐng)域進(jìn)行深入了解和探索，創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求，以靈動的思維在網(wǎng)頁中充分展現(xiàn)，通過對客戶行業(yè)精準(zhǔn)市場調(diào)研，為客戶提供的解決方案。

（1）一如既往的我還是使用了requireJS進(jìn)行js代碼的編譯

（2）必須引入angualrJS , ui-bootstrap-tpls-1.3.2.js , bootstrap.css....

首先拋出幾個問題：

a）:何時回用到分頁 (當(dāng)后端返回的數(shù)據(jù)過多，一頁裝不滿時，我們必須要采取分頁的效果，給用戶良好的視覺效果)

b）:分頁一般要傳遞哪些數(shù)據(jù) （總的數(shù)據(jù)數(shù)量，每頁固定顯示多少條數(shù)據(jù)，當(dāng)點(diǎn)擊分頁時候返回當(dāng)前的頁碼.......這三條是必須的）

第一步：先完成指令的封裝

我會在 js/directives/pagedir 此文件下完成指令的編寫

pagedir.html(指令頁面模板)

 Set current page to: 3

 rotate defaulted to true and force-ellipses set to true:

  

 
Page: {{bigCurrentPage}}/{{numPages}}
 

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章題目：將angular-ui的分頁組件封裝成指令的方法詳解-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/djgpoh.html