如何将基本设置加载到angularjs

Question

我是AngularJS和MVC的新手。

我曾经以“意大利面条”的方式做网站。

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

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

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

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

不是“意大利面条”的方式，我应该遵循的最佳做法是什么？

谢谢。

Answer 1

如果你的后端输出这些设置到窗口上，像一个对象..

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

在角度，你可以把它在一个恒定的，比如让用户注射：

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

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

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