angular.js - How to inject data into $rootScope when developing with Angular

Question

In addition, is there a js similar to main.js in which global variables can be defined? For example, var http = "www.xxxx.com/" can make other Ctrl.js callable.

Answer 1

The idea is wrong, angular中不需要定义全局变量。你的数据应该通过service, factory, providerwill provide it.
And these things can be dependency injected, so there is no need for global variables at all

Answer 2

$rootScope is an object and can be bound to global variables in the form of $rootScope.xxx='';

Answer 3

@leftstick is right, AngularJS uses dependency injection style to structure the entire application framework. It is best not to declare global variables, but to make it a Service. This way you can avoid a lot of problems:

1. Naming conflict. Naming conflicts in JavaScript will not give any warning. If your project is small, the probability of occurrence is small, but it is very difficult to debug.
2. Initialization sequence. If you get execution before ACtrl中定义了一个全局变量window.a，比如你想在BCtrl中使用它，那么你需要保证ACtrl在BCtrl, this is often difficult to implement and even logically confusing.

In Angular, the most reasonable way is to put a做成一个aService，注入到ACtrl和BCtrl inside.

How to define a service and the relationship between Module, Service, Factory and Provider can refer to this blog:

http://harttle.github.io/2015/06/07/angular-module.html

Answer 4

angular.module('app', []).run(function($rootScope) {
    $rootScope.http = 'www.xxxx.com/';
});

Answer 5

Now angularjs2 is out