Angularjs app.run doesn't load

Question

I have a problem with app.run(). In the main page app.run() is working. When I click to the menu button Events and in the page events.html app.run() doesn't work. But when I reload this page app.run() is working. I don't know what to do. Pages main.html and events.html are in the ngView, menu also is in the ngView.
controller.js

afroEarthApp.config(['$routeProvider', function($routeProvider){
    $routeProvider
      .when('/',{
        templateUrl:'template/home.html',
        controller:'afroEarthMainCtrl'
      })
      .when('/events',{
        templateUrl:'template/events.html',
        controller:'eventsCtrl'
      })
      .when('/sites/:niche', {
        templateUrl:'template/single.html',
        controller:'SingleCtrl'
      })
      .otherwise({
        redirectTo: '/'
      })
}]);
afroEarthApp.controller('afroEarthMainCtrl',['$scope','$http','$location','$cookies', '$rootScope', '$route', function($scope, $http, $location, $cookies, $rootScope, $route) {
...some code...
}]);

afroEarthApp.controller('eventsCtrl',['$scope','$http','$location','$cookies', '$rootScope', '$route', function($scope, $http, $location, $cookies, $rootScope, $route) {
...some code...
}]);

afroEarthApp.run(['$log', '$rootScope', '$route', function ($log, $rootScope, $route) {
    $rootScope.$on('$viewContentLoaded', function ($rootScope, $route) {
...some code...
})
}]);

home.html

        <ul class="nav navbar-nav navbar-right">
            <li><a class="page-scroll" href="#websites">Lifestyle sites</a></li>
            <li><a class="page-scroll" href="stories">Success Stories</a></li>
            <li><a href="#/events" data-target="#events" target="_self">Events</a></li>
            <li><a class="page-scroll" ng-href="http://{{singleNiche.url}}.afroearth.com/login/">Login</a></li>
            <li class="other-countries">
                <a href="#">
                    {{singleNiche.country}}<img src="{{singleNiche.countryFlag}}"><i class="icon-caret-down"></i>
                </a>
                <ul>
                    <li ng-repeat="country in singleNiche.countries"><a ng-click="setCountry(country.url)" >{{country.name}}</a></li>
                </ul>
            </li>
        </ul>

Can you hepl me please.

run block is executed only once at the start of your app, hence it works on reload. — webduvet
– webduvet, Commented Apr 7, 2016 at 12:58
Well, That's the way angular run :) The run function is called only when angular is loaded. — IsraGab
– IsraGab, Commented Apr 7, 2016 at 13:12
Ok. What I should to do? In the app.run code for all controllers. — Maksym Krugliachenko
– Maksym Krugliachenko, Commented Apr 7, 2016 at 13:18

IsraGab · Accepted Answer · 2016-04-07 13:23:30Z

1

add the following in your app.run

 $rootScope.$on('$locationChangeStart', function (event, nextLocation, currentLocation) {
//your code here
});

This function will be call on every url change.

answered Apr 7, 2016 at 13:23

IsraGab

5,1853 gold badges30 silver badges50 bronze badges

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

1 Comment

Maksym Krugliachenko Over a year ago

afroEarthApp.run(['$log', '$rootScope', '$route', function ($log, $rootScope, $route) {     $rootScope.$on('$locationChangeStart', function (event, nextLocation, currentLocation) {         $rootScope.$on('$viewContentLoaded', function ($rootScope, $route) {

I added like this, but still doesn't work.

Collectives™ on Stack Overflow

Angularjs app.run doesn't load

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related