Angularjs IONAL-调用REST服务后不刷新ion内容(工厂)
我是离子框架的新手。 我正在浏览器中运行应用程序。 我打电话给工厂服务后遇到问题。模板未刷新其内容。 最奇怪的是,当我调整浏览器的大小时,我能够看到内容(图像) 这是我的控制器:Angularjs IONAL-调用REST服务后不刷新ion内容(工厂),angularjs,rest,ionic-framework,Angularjs,Rest,Ionic Framework,我是离子框架的新手。 我正在浏览器中运行应用程序。 我打电话给工厂服务后遇到问题。模板未刷新其内容。 最奇怪的是,当我调整浏览器的大小时,我能够看到内容(图像) 这是我的控制器: angular.module('Tijeras.controllers').controller('PromocionesCtrl', function($scope, categoriaService, $ionicPopup, $ionicLoading) { $scope.items = [];
angular.module('Tijeras.controllers').controller('PromocionesCtrl', function($scope, categoriaService, $ionicPopup, $ionicLoading) {
$scope.items = [];
$scope.promocionDetalle = function(id) {
$ionicPopup.alert({
title: id
});
};
function getPromociones() {
$ionicLoading.show({
template: 'Loading...'
});
categoriaService.getCategoriaByID(1)
.success(function(data, status, headers, config) {
$ionicLoading.hide();
$scope.items = data;
$scope.$apply();
})
.error(function(data, status, headers, config) {
$ionicPopup.alert({
title: "Error, no se pudo invocar el servicio"
});
$ionicLoading.hide();
});
};
function init() {
getPromociones();
};
init();
});
我的工厂
var TijerasApp = angular.module('TijerasApp');
TijerasApp.factory('categoriaService', function($http){
return {
getCategoriaByID: function(id, callback){
return $http.get('http://192.168.1.9:8080/CategoriaService/categoria/1');
}
}
});
模板
<ion-view view-title="Promociones">
<ion-pane>
<ion-slide-box>
<ion-slide ng-repeat="item in items">
<ion-content>
<img class="img-responsive" src="{{item.image}}" ng-click="promocionDetalle({{item.id}})">
</ion-content>
</ion-slide>
</ion-slide-box>
</ion-pane>
我有一个类似的问题,必须使用
$ionicScrollDelegate.$getByHandle('content').scrollTop(false);
对于html模板包含滚动委托句柄的服务的新调用后显示的更新内容:
<ion-content class="has-header" delegate-handle="content" on-scroll="isMaxScrollPosition()">
这会将视图移到顶部并刷新内容。您可以在$ionicScrollDelegate处签出$ionicScrollDelegate/
我也会在爱奥尼亚上查看这篇文章。这样,您就不必在每次http调用时调用$ionicLoading.show/hide。您可以用此代码创建一个代码笔,然后伪造工厂以返回该数据吗?PS:您不需要调用$scope。$apply();
<ion-content class="has-header" delegate-handle="content" on-scroll="isMaxScrollPosition()">