Передать переменные в приложение AngularJS

Question

Я подключаюсь к API через скрипт (init.js) при запуске моего углового приложения. Затем я получаю som информацию, такую ​​как имя пользователя и идентификатор пользователя, которые я хочу определить как глобальные значения для использования в приложении AngularJS.

Как передать переменные для использования в приложении AngularJS?

Теперь я должен определить переменные в MainController, чтобы иметь возможность использовать их в любом месте.

init.js

(function() { 
function appStart() { 
    //Get variables 
    var userId = 123; 
    var username = 'This is my name'; 

    //Init Angular App 
    angular.bootstrap(document, ['myApp']); //How do I use the variables in the angular app? 
} 

function genericError() { 
    console.error('Something went wrong'); 
} 

TT.native.init() 
.done(appStart) 
.fail(genericError); 
})(); 

app.js

(function() { //Start 
var app = angular.module('myApp', [ 
'myControllers', 
'myDirectives', 
'myFilters', 
'myServices', 

'ui.router' 
]); 

controller.js

var app = angular.module('myControllers', []); 

app.controller('MainController', function ($scope, $state) { 
    $scope.userName = ""; //I want to use the variable from INIT.JS here 
    $scope.userId = 0; //I want to use the variable from INIT.JS here 
}); 

Answer 1

Самым простым решением было бы:

var userId = -1; 
var username = ''; 
(function() { 
function appStart() { 
    //Get variables 
    userId = 123; 
    username = 'This is my name'; 

    //Init Angular App 
    angular.bootstrap(document, ['myApp']); //How do I use the variables in the angular app? 
} 

function genericError() { 
    console.error('Something went wrong'); 
} 

TT.native.init() 
.done(appStart) 
.fail(genericError); 
})(); 

Тогда в контроллере:

app.controller('MainController', function ($scope, $state) { 
    $scope.userName = userId; 
    $scope.userId = username; 
}); 

Но точно знаю, что это не очень хороший подход. Вы должны подключиться к вашему api в угловом приложении. Возможно, вам стоит посмотреть и прочитать некоторые руководства до начала кода ...

Answer 2

Вы можете использовать angular.module('myApp').value или angular.module('myApp').constant перед буксировкой углов. В вашем контроллере вы должны добавить переменные в зависимости.

Answer 3

Вы, вероятно, используете ngRouter или uiRouter, чтобы вы могли resolveTT.native.init перед входом в первый маршрут/состояние.