CODEWITHSUNDEEP
angularjsionic-framework
Arpan Shrestha
Arpan Shrestha

Reputation: 65

$state.go() is not refreshing my ionic page

I have tried several method but $state.go() is not refreshing my page.Here is my controller. All process works but i cannot reload the browse page using $state.go() function.

angular.module('kawaadi.controllers', [])

.controller('AppCtrl', function ($scope, Service, $ionicLoading, $ionicModal, $ionicPopup, $timeout, $state, $http,$location) {

    $scope.loginData = {};

    $ionicModal.fromTemplateUrl('templates/login.html', {
        scope: $scope
    }).then(function (modal) {
            $scope.modal = modal;
        });

    $scope.closeLogin = function () {
        $scope.modal.hide();
    };

    $scope.login = function () {
        $scope.modal.show();
    };
    $scope.logout = function () {
        localStorage.setItem("token", "");
        $state.go('login');
    };

    $scope.statusData = function (pid, uid, status) {
        $ionicLoading.show({
            template: 'Processing...'
        });
        Service.change_status(pid, uid, status, $http).success(function (data) {
            if (data.status === 'success' && data.notification_status === 'success') {
                $ionicLoading.hide();
                var alertPopup = $ionicPopup.alert({
                    title: 'Success!',
                    template: 'Successfully changed and notification has been send!'
                });
            } else if (data.status === 'success' && data.notification_status === 'failure') {
                $ionicLoading.hide();
                var alertPopup = $ionicPopup.alert({
                    title: 'Success!',
                    template: 'Successfully changed but failed to send notification!!'
                });
            }
            alertPopup.then(function (res) {
                if (res == true) {
                    $state.go('app.browse');
                }
            });
        }).error(function (data) {
                var alertPopup = $ionicPopup.alert({
                    title: 'Process failed!',
                    template: 'Some thing went wrong!'
                });
            });

    }
})

and here is my url router

    .config(function ($stateProvider, $urlRouterProvider) {
        $stateProvider

                .state('login', {
                    url: '/login',
                    templateUrl: 'templates/auth.html',
                    controller: 'LoginCtrl'
                })
                .state('app', {
                    url: '/app',
                    templateUrl: 'templates/menu.html',
                    controller: 'AppCtrl'
                })

                .state('app.search', {
                    url: '/search',
                    views: {
                        'menuContent': {
                            templateUrl: 'templates/search.html'
                        }
                    }
                })

                .state('app.browse', {
                    url: '/browse',
                    views: {
                        'menuContent': {
                            templateUrl: 'templates/browse.html',
                            controller: 'pickupCtrl'
                        }
                    }
                })
                .state('app.playlists', {
                    url: '/playlists',
                    views: {
                        'menuContent': {
                            templateUrl: 'templates/playlists.html',
                            controller: 'PlaylistsCtrl'
                        }
                    }
                })

                .state('app.single', {
                    url: '/playlists/:playlistId',
                    views: {
                        'menuContent': {
                            templateUrl: 'templates/playlist.html',
                            controller: 'PlaylistCtrl'
                        }
                    }
                });
    });

Please guide me. Thanks in advance

Upvotes: 1

Views: 482

Answers (3)

Anil kumar
Anil kumar

Reputation: 928

Please modify all your states as 

.state('emailConfirmation',{
    cache: false,
    url:"/emailConfirmation",
    templateUrl:"app/session/emailConfirmation.html",
    controller: 'EmailConfirmationCtrl'
  })

and to reload the current page please use these command 

$state.transitionTo($state.current, $stateParams, { 

       reload: true,
       inherit: false,
       notify: true 
});

Upvotes: 1

Gopinath Kaliappan
Gopinath Kaliappan

Reputation: 7359

Just Add the following in Your ion-view tag 

<ion-view cache-view="false">

Upvotes: 0

Gaara
Gaara

Reputation: 78

If you want to force reload the current state, then you probably need to use $state.go($state.current.name, $state.params, {reload: true}) as mentioned here

Upvotes: 0

Related Questions