[英]Ionic tabs with dynamic lists
我創建一個帶有選項卡的ionic項目,並使用services.js中的以下代碼顯示動態列表:
.factory('Interventions', function($http) {
var interventions = {};
$http({
method: 'POST',
url: 'http://172.20.1.1/list.php'
}).success(function(data, status, headers, config) {
interventions = data;
});
return {
all: function() {
return interventions;
},
get: function(iid) {
return interventions[iid];
}}
})
問題在於,我的應用程序在加載頁面時最初不會顯示列表,而僅在刷新頁面(使用doRefresh)或進入其他選項卡並返回第一個頁面時才顯示。 有解決方案嗎?
先感謝您
我的代碼在ncontroller.js中:
.controller('InterventionCtrl', function($scope, $http, Interventions) {
$scope.interventions = Interventions.all();
$scope.doRefresh = function() {
$http.get('http://172.20.1.1/list.php')
.success(function(newItems) {
$scope.interventions = newItems;
})
.finally(function() {
// Stop the ion-refresher from spinning
$scope.$broadcast('scroll.refreshComplete');
});
};
})
.controller('InterventionDetailCtrl', function($scope, $stateParams, Interventions) {
$scope.intervention = Interventions.get($stateParams.iid);
});
和我的看法:
<ion-view title="Interventions">
<ion-content>
<ion-list>
<ion-item ng-repeat="intervention in interventions" type="item-text-wrap" href="#/tab/interventions/{{intervention.ID}}">
<h3>{{intervention.Nom}}</h3>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
Interventions.all()發出一個異步的http請求。 您無法保證在調用all()時數據可用。 因此all()無法返回數據。 您必須傳遞一個回調,類似這樣(未測試):
var interventions = {};
var doRequest = function(callback) {
$http({
method: 'POST',
url: 'http://172.20.1.1/list.php'
}).success(function(data, status, headers, config) {
interventions = data;
callback(data);
});
})
return {
all: function(callback) {
if (interventions) {
callback(interventions)
} else {
doRequest(callback)
}
},
get: function(iid,callback) {
if (interventions) {
callback(interventions[iid])
} else {
doRequest(function(data){
callback(data[iid])
})
}
}
}
在您的控制器中:
Interventions.all(function(interventions) {
$scope.interventions = interventions;
}
Interventions.get(iid,function(intervention) {
$scope.intervention = intervention;
}
您可以在此處找到有關異步的更多信息: 如何返回異步調用的響應?
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.