No "onload" event, on redirect back Angularjs

Question

First, I found this answer, but they do not suit..

Pass onload event through redirect

My problem is, that I want my AngularJS part of my application to reload something, when the user is redirected back to the page. The login flow is like this

a.php -> [FB Magic] -> callback.php -> a.php

My problem is <body onload="foo()"> fires only once. The same is true for DOMContentLoaded and window.onload as well.

For a.php it is like the user never left the page.

How can I make AngularJS call a function (which is defined within a controller), when the user is redirected back? (I am using PHP for redicting back

EDIT: How my controller looks like ->

pwm.controller('EventListController', ['$scope', 'pwmApi',
function EventListController($scope, pwmApi) {
    $scope.fetched = false;
    $scope.events = [];
    let update = function () {
       <!-- Does stuff, is a bit long ->
    };
    update();
}]);

So :) The update(); method is called on Construction of the controller. When I am redirected back the update-function is NOT called - Refreshing the page helps.

I sincerly hope this clarification helped. Reloading the page after getting redirected back helps, but now nothing happens...

when you are redirecting back send a parameter with url ex. rediredt='true' and excess it in controller. — Amit Sirohiya, Mar 14 '16 at 08:10
@AmitSirohiya I do not use any of those, the redirect happens in PHP `header("Location: $url");` — Florian Reisinger, Mar 14 '16 at 08:31
@AmitSirohiya: My problem is on the JS side (how to detect an parameter change in JS/AngularJS) [ `a.php?reload=true` ] — Florian Reisinger, Mar 14 '16 at 08:39
try to add in your redirect url a timestamp or a randomw generated value to force your browser to reload the page. — Walfrat, Mar 14 '16 at 09:29

Amit Sirohiya · Answer 1 · 2016-03-14T09:30:19.177

0

You can make $url like this - $url = "abc?rediect='true';

here redirect='true' means you are redirecting.

In your angularJs controller do this-

Controller

.controller('controller',function($location){
   var queryParameters = $location.search();

   // Check if redirect is true
   if(queryParameters.redirect === 'true')}{
      // Call a function
      myFunaction();
   }
});

Update - in query string all values will be sting so boolean true will also become 'true' so you have to handle that like a string not boolean.

edited Mar 14 '16 at 09:30

answered Mar 14 '16 at 08:41

Amit Sirohiya

333
1
13

queryParameters = {} – Florian Reisinger Mar 14 '16 at 09:09
What url is generating check in browser? – Amit Sirohiya Mar 14 '16 at 09:10
Improved my code inject $location service in controller function. – Amit Sirohiya Mar 14 '16 at 09:16
`ui/?reload=true` (Of course I changed `queryParameters.redirect`to `queryParameters.reload` I did inject location. '$scope', '$location', 'pwmApi'`` – Florian Reisinger Mar 14 '16 at 09:17
The main problem is: Although I call Update in the controller it won't execute. So I do not see how your code should be executed..? – Florian Reisinger Mar 14 '16 at 09:19
why a "/ " after ui? Your url should be ui?reload=true; – Amit Sirohiya Mar 14 '16 at 09:28

score 0 · Accepted Answer · edited May 23 '17 at 12:15

0

I found a way to do it in PHP (https://stackoverflow.com/a/8577805/1870799)

Instead of header("Location: $url"); (was my original redirect solution) and header("Location: $url?redirect=true"); I am now using header("refresh: 0;url=$url"); and it works as expected.

But still... Is it possible with AngularJS to do the same with the Location header?

edited May 23 '17 at 12:15

Community

1
1

answered Mar 14 '16 at 09:26

Florian Reisinger

2,638
4
23
34

score -2 · Answer 3 · answered Mar 14 '16 at 08:45

-2

Listening onload doesn't fit well with angular.

If you're using routing with ngRoute or ui-router or even ng-controller, the associated controller will get executed again. If it's not enough, you can listen to the events provided by the routing modules : $routeChangeSuccess/$stateChangeSuccess

answered Mar 14 '16 at 08:45

Walfrat

5,363
1
16
35

He already said that he is not using $routeProvider or $stateProvider see comment on his question. He is redirecting through PHP. – Amit Sirohiya Mar 14 '16 at 09:03
then it 's not an angular problem, if the onload doesn't fire after redirecting – Walfrat Mar 14 '16 at 09:28

No "onload" event, on redirect back Angularjs

3 Answers3