在ui router 內(nèi)
abstarct:true的意思就是底下的tabs按鈕組
下拉更新數(shù)據(jù) : ion-refresher
使用指令 ion-refresher 可以為滾動(dòng)容器(ion-scroll 或 ion-content)增加 拉動(dòng)刷新
/pull-to-refresh 的功能:
ion-refresher 指令有以下可選的屬性:
?on-refresh - 當(dāng)用戶向下拉動(dòng)足夠的距離并松開(kāi)時(shí),執(zhí)行此表達(dá)式
?on-pulling - 當(dāng)用戶開(kāi)始向下拉動(dòng)時(shí),執(zhí)行此表達(dá)式
?pulling-text - 當(dāng)用戶向下拉動(dòng)時(shí),顯示此文本
?pulling-icon - 當(dāng)用戶向下拉動(dòng)時(shí),顯示此圖標(biāo)
?refreshing-icon - 當(dāng)用戶向下拉動(dòng)并松開(kāi)后,顯示的等待圖標(biāo)。ionic 推薦使用 spinner 代替這個(gè)屬性
?spinner - 和 refreshing-icon 的作用一樣,但 spinner 是基于 SVG 的動(dòng)畫(huà)
?disable-pulling-rotation - 禁止下拉圖標(biāo)旋轉(zhuǎn)動(dòng)畫(huà)
注意在刷新完畢后,應(yīng)當(dāng)使用作用域的$broadcast()方法通知框架:
spinner 使用:
http://www.ionicframework.com/docs/api/directive/ionSpinner/
上拉更新數(shù)據(jù) : ion-infinite-scroll使用 ion-infinite-scroll 指令可以為滾動(dòng)容器(ion-scroll 或 ion-content)增加 滾動(dòng)刷新功能:
…
ion-infinite-scroll 指令有如下屬性:
?on-infinite - 必須。當(dāng)滾動(dòng)到底部時(shí)執(zhí)行此表達(dá)式
?distance - 可選。距底部距離百分比。當(dāng)距離底部超過(guò)此數(shù)值時(shí),執(zhí)行 on-infinite。默認(rèn)為 1%
?icon - 可選。載入時(shí)顯示的圖標(biāo)。默認(rèn)是 ion-load-d。ionic 推薦使用 spinner
代替 icon 屬性
?spinner - 可選。載入時(shí)的 spinner。默認(rèn)是 ionSpinner
?immediate-check - 可選。是否在載入時(shí)立即檢查滾動(dòng)框范圍
載入圖標(biāo)使用 icon 屬性設(shè)置為 ion-load-a 試試


查看url返回的參數(shù) 。 $stateParams
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注