Question

我需要在HTML代码中将一些变量从后端传递给Angular前端。理想情况下，我喜欢在$rootScope内。但是，加载页面时尚未定义$rootScope。我能做到的唯一方法是：

var myVar = ["aa", "bb"];

然后从$window.myVar

获取

有没有办法等待，直到Angular定义$rootScope，然后在HTML中解析它的值？

Answer 1

是的，试试这样的事情

var myApp = angular.module('App', []);

myApp.run(function($rootScope) {
   $rootScope.myVar = ['aa', 'bb'];
});

// we launch Angular manually when DOM is ready
angular.element(document).ready(function() {
   angular.bootstrap(document, ['App']);
});

Answer 2

如何定义常量并将其注入需要的地方？

angular.module('yourModule').constant('yourVar', ['aa', 'bb']);

然后你可以在运行阶段使用它：

angular.module('yourModule').run(function($rootScope, yourVar) {
    $rootScope.yourVar = yourVar;
});

如何从后端将变量传递给$ rootScope

2 个答案: