如何将基本设置加载到angularjs

Question

我是AngularJS和MVC的新手。

我曾经在＆＃34; spaghetti＆＃34;方式。

现在我想在我的网站中加载一些基本设置，但是在加载DOM后不能通过AJAX加载。

例如，Google Analytics帐户ID可由后端系统的客户端定义。

它应该与页面一起加载，但不能通过AJAX加载。

由于我的主页是index.htm，所以用javascript加载每个数据。

没有＆＃34; spaghetti＆＃34;方式，我应该遵循的最佳做法是什么？

谢谢。

Answer 1

如果你的后端将这些设置输出到窗口上的对象中，比如..

window.appSettings = {
   setting1: 'abc'
};

在角度方面，您可以通过将其放入常量来使其可注射：

angular.module('YourModule').constant('appSettings', window.appSettings);

然后在您的服务，控制器和指令中，您可以使用这些设置：

angular.module('YourModule').controller('SomeController', ['appSettings', function(appSettings) {
   //use appSettings.setting1
}]);