Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs IONAL-调用REST服务后不刷新ion内容(工厂)_Angularjs_Rest_Ionic Framework - Fatal编程技术网

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()">