How to reload another controller from controller in Angularjs?

Question

Hi i am developing web site in angularjs. I am using ui-routing. I want to reload state after the user login. I have index.html and app.js. Below is my app.js

var app = angular.module('RoslpApp', ['pascalprecht.translate']);
app.config(function ($stateProvider, $urlRouterProvider, $translateProvider, $translatePartialLoaderProvider)
{
    $urlRouterProvider.otherwise('/HomePage');
    $stateProvider
   .state('Login', {
       url: '/Login',
       templateUrl: 'App/Registration/Login.html',
       controller: 'Login'
   });
});

app.controller('RoslpAppController', ['$scope', function ($scope) {
 var cookieloginid = $cookieStore.get('LoginID');
    if (cookieloginid != null) {
        //This will reoload
        var id = document.getElementById('ProfileDropdown');
        id.innerHTML = $scope.ProfileDropdown = ' <ul>' +
            '<li><a href="#/userProfile">User Profile</a></li>' +
            '<li>test1</li>' +
           ' <li onclick="logout(event)">logout</li>' +
        '</ul>';
        $scope.dp == false;
    }

Below is my login code.

  $http.post(url, sub).then(function (response) {
                        setTimeout(function () { 
//Trigger or reload RoslpAppController controller
LoginSuccess(response); }, 1000);
                    }, function (error) {
                        setTimeout(function () { HideLoader(); }, 1000);
                        toastr.error($filter('translate')(error.data.msg));
                    });

After login success i will get login id and i will store it in cookie. In RoslpAppController controller i want to check if the cookie exists or not on login. May i know how this can be done? Thank you.

Possible duplicate of Reload AngularJS Controller

Sangwin Gawande
– Sangwin Gawande

2017-06-07 10:46:31 +00:00
Commented Jun 7, 2017 at 10:46 — Sangwin Gawande
– Sangwin Gawande, Commented Jun 7, 2017 at 10:46

Shoaib Khan · Accepted Answer · 2017-06-07 11:12:41Z

0

You have to transition to a state on getting success response from server after your login POST call. To transition to a state use - $state.go("<statename>",{params},{reload : true})

If you don't have any state for RoslpAppController then make one.

Edit after OP's comment :

.state('Roslp', {
    url: '/Roslp',
    templateUrl: 'App/Registration/View.html',
    controller: 'RoslpAppController'
});

In the templateUrl give the view that you want to load after login. Use $state.go("Roslp",{params},{reload : true}) now.

edited Jun 7, 2017 at 11:12

answered Jun 7, 2017 at 11:08

Shoaib Khan

881 silver badge9 bronze badges

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

2 Comments

Niranjan Godbole Over a year ago

Thanks. I do not have state for RoslpAppController because that is in app.js file. May i know how can i create state to it?

Niranjan Godbole Over a year ago

I have created a plunker. plnkr.co/edit/ZJJZLqJWRPOk4SKlvAa8?p=preview On login success i want to reload controller RoslpAppController

Collectives™ on Stack Overflow

How to reload another controller from controller in Angularjs?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related