Capturing url change in angular app which is inside an iframe

Asked Nov 15 '13 at 21:30

Active Nov 15 '13 at 21:30

Viewed 780 times

I have a container containing a navigation bar on left. First time you click on any item in navigation bar on left, it triggers an iframe which has an angular app hosted in it. Each subsequent time you click on an item in navigation bar, the hash value of url of iframe changes. I am trying to capture hash change event in my angular application which is inside that iframe. The thing is everytime I click on left pane navigation bar item, the angular application reloads itself, not sure why that happens because all that is changing is the hash value in the url. Any ideas on how to prevent the reload and how to capture the hash change in angular?

I did try

function MyCtrl($route, $scope) {
 var lastRoute = $route.current;
 $scope.$on('$locationChangeSuccess', function(event) {
 $route.current = lastRoute;
 });
}

This was one of the answers in AngularJS Paging with $location.path but no ngView reload

Would be great if someone can please point me to right direction. Thanks !

edited May 23 '17 at 12:28

Community

asked Nov 15 '13 at 21:30

Tejas

You are trying to listen to the route change event fro mwithin the iframe or from outside the iframe?, did you try using th $routeChangeSuccess event? – Oleg Belousov Nov 15 '13 at 21:36
Yes I have tried listening on that event. No luck. – Tejas Nov 15 '13 at 21:41
1

Please post some more of your code, and preferably a plunk \ fiddle that reproduces the issue – Oleg Belousov Nov 15 '13 at 21:42
1

how are you changing hash of Iframe? – charlietfl Nov 15 '13 at 23:50

Capturing url change in angular app which is inside an iframe

0 Answers0