AngularJS reinitialize controller

Question

I have got a controller named newGroupCtrl whose definition is like :

.state('new_group', {
    url: '/new_group',
    templateUrl: 'templates/new_group.html',
    controller: 'newGroupCtrl'
})

.controller('newGroupCtrl', function ($scope, $rootScope,$ionicHistory,$window) {
    $rootScope.roomId = $scope.getRoom();

    $scope.getRoom = function () {
        var date = new Date;
        var minutes = date.getMinutes();
        var hour = date.getHours();
        return 'room_' + hour + '' + minutes;
    };
}

I reach this contoller from previous page by :

$window.location.href = ('#/new_group');

That's good until now. $rootScope.roomId variable is initialized in the newGroupCtrl controller properly.

From this new_group page, I navigate to another page. And when I navigate back to this page by calling $window.location.href = ('#/new_group');, $rootScope.roomId is not initialized again, instead its old value is still there. The state of the newGroupCtrl is preserved.

How can I completely reinitialize newGroupCtrl?

What does your getRoom() do? can you share its code details? — manasi sakhare
– manasi sakhare, Commented May 13, 2015 at 8:32
Since you're using ui-router, you should navigate with the $state service. $state.go('new_group'); — Okazari
– Okazari, Commented May 13, 2015 at 8:38
Actually i'm not having this problem in my app. angular-ui.github.io/ui-router/site/#/api/… — Okazari
– Okazari, Commented May 13, 2015 at 8:50

Community · Accepted Answer · 2017-05-23 12:03:02Z

5

You need to tell state that reload controller each time when URL is getting accessed via browser by just adding adding reload option of state to true like reload: true.

Code

.state('new_group', {
    url: '/new_group',
    templateUrl: 'templates/new_group.html',
    controller: 'newGroupCtrl',
    reload: true //will reload controller when state is being access
});

You should use $state.go('new_group') instead of doing $window.location.href = ('#/new_group'); which will ensure that the route changes will recognize by ui-router.

Same SO answer here

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered May 13, 2015 at 9:32

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

InfinitePrime · Accepted Answer · 2015-05-13 09:44:27Z

2

Since you are using Ionic Framework (Good Job), you can do this:

.controller('YourCtrl', function($ionicView){
  $ionicView.enter(function(){
    //code that you want to run, each time the view is active
  });
});

answered May 13, 2015 at 9:44

InfinitePrime

1,7761 gold badge15 silver badges19 bronze badges

Comments

Hardy · Accepted Answer · 2015-05-13 08:33:39Z

0

Remove the controller from :

.state('new_group', {
    url: '/new_group',
    templateUrl: 'templates/new_group.html',
})

And add the controller at "new_group.html" page with parent tag of the page like:

<div ng-controller="newGroupCtrl"></div>

answered May 13, 2015 at 8:33

Hardy

5424 silver badges10 bronze badges

1 Comment

Pankaj Parkar Over a year ago

this looks like hacky solution..:p

Community · Accepted Answer · 2017-05-23 12:34:39Z

0

Also I found helpful (for Ionic Framework) to use

.state('new_group', {
    url: '/new_group',
    templateUrl: 'templates/new_group.html',
    cache: false
})

Reference to similar question and problems: Reloading current state - refresh data or in sjm's answer in Reinitialize Controller every time when visiting View - Ionic Framework

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Jun 30, 2016 at 14:41

Lukas Cerny

524 bronze badges

Collectives™ on Stack Overflow

AngularJS reinitialize controller

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related