Global Functions in angularJS

Question

I am new to angularJS. So need help on how to add global functions in angular project? File loading my angular app is using showScrollAndGo function which should be work as global method but it is not working. Code of app.js is: ``` 'use strict'; define( [ 'angular', 'jQuery', 'angular-route', 'angular-resource', 'angular-ui-bootstrap', 'highcharts', 'highcharts-theme', 'highcharts-ng', 'controllers/index', 'directives/index', 'filters/index', 'services/index', 'angular-token-auth', 'angular-local-storage', 'jquery.slimscroll', 'jquery-icheck' ], function(angular, $) { 'use strict'; return angular.module('radian', ['ngRoute', 'ngResource', 'ui.bootstrap', 'app.services', 'app.controllers', 'app.directives','app.filters', 'highcharts-ng', 'ng-token-auth', 'ngStorage']) .constant('globals', { API_URL: 'http://localhost:3000/api', AUTH_URL: 'http://radiancor-env.elasticbeanstalk.com', TEMPLATE_URL: 'app/views' }) .constant('pagination', { items_per_page: 10, max_size: 5, direction_links:…

Accepted Answer

Referring to Angular's document

```
angular.module('myModule', []).
config(function(injectables) { // provider-injector
  // This is an example of config block.
  // You can have as many of these as you want.
  // You can only inject Providers (not instances)
  // into config blocks.
}).
run(function(injectables) { // instance-injector
  // This is an example of a run block.
  // You can have as many of these as you want.
  // You can only inject instances (not Providers)
  // into run blocks
});
```

You need config the rootScope at run phase like

```
app.run(function($rootScope) {
  $rootScope.showScrollAndGo = function(path) {
        alert("I'm global foo!");
    };
});
```

Global Functions in angularJS

Solution

Problem