html>
<
html>
<
head>
<
metacharset="utf-8">
<
metaname="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<
linkrel="stylesheet"href="js/lib/ionic1/css/ionic.min.css">
<
scriptsrc="js/lib/ionic1/js/ionic.bundle.min.js">
script>
<
title>
title
title>
head>
<
bodyng-controller="myctrl">
<
ion-header-barclass="bar-royal">
<
h1class="title">
我是標題
h1>
ion-header-bar>
<
ion-content>
<
ion-refresherpulling-text="正在重新整理頁面資料..."on-refresh="dorefresh()">
ion-refresher>
<
ulclass="list">
<
ling-repeat="g
ingoodsestrack by $index
">
<
spanng-bind="g
">
span>
li>
ul>
<
ion-infinite-scrollon-infinite="loadmore()"distance="3%">
ion-infinite-scroll>
ion-content>
<
ion-footer-barclass="bar-royal">
<
h1class="title">
我是底部
h1>
ion-footer-bar>
<
script>
var
=angular.
module(,[
"ionic"]);
.controller(
"myctrl",[
"$scope",
function($scope)
//下拉重新整理
$scope.
dorefresh
=function()
$scope.$broadcast(
"scroll.refreshcomplete");
}//上拉重新整理
$scope.
loadmore
=function()
$scope.$broadcast(
"scroll.infinitescrollcomplete");
}}])
/*頁面下拉重新整理，其實就是延遲更改資料
ionic中，要通過廣播訊號的方式，使用$scope.$broadcase("scroll.refreshcomplete")告訴頁面中的所有元件，
*/script>
html>
ionic 下拉重新整理和上拉載入更多
1.on refresh 下拉觸發的函式 函式執行結束之前必須廣播下該事件結束 scope.broadcast scroll.refreshcomplete 2.on infinite 上拉觸發的函式 同樣需要廣播事件結束 scope.broadcast scroll.infinitescrollc...
ionic 實現下拉重新整理上拉載入更多
網上例子太多了，官網的文件也很全，不過在這裡闡述下，方便自己查詢，官網速度太慢了，估計是自己網速原因了，小公司傷不起啊。下拉重新整理上拉載入更多，直接來 裡都有說明 view title 活動頁 class padding pulling text 下拉重新整理 on refresh vm.dore...
下拉重新整理上拉載入
implements ixlistviewlistener 在oncreat裡面寫的 下拉重新整理是否啟用 xlistview.setpullrefreshenable true 載入更多是否啟用 xlistview.setpullloadenable true xlistview重新整理和載入更多...