在AngularJS中添加常量的最佳方法是什么？

Question

当我开始寻找的时候，我找到了一些方法。

因此，您使用的是AngularJS，您可以使用常量服务，因为常量可以注入到任何地方，包括AngularJS应用程序中的配置调用。

此外，顾名思义，常量是固定的，它们在其他提供方法之前被应用。有关更多详细信息，请参阅$provide.constant()。

​

// Storing a single constant value
var app = angular.module('myApp', []);

app.constant('appName', 'My App');

// Now we inject our constant value into a test controller
app.controller('TestCtrl', ['appName', function TestCtrl(appName) {
    console.log(appName);
}]);

​

正确的方法是什么？将应用程序中使用的所有常量保持在同一个位置，或者我们可以根据需要在各个地方分发它？

Answer 1

这取决于应用程序的复杂性。如果您有很多独立页面，它们与模型类似，我将告诉您将这些页面创建为模型，并在每个模型上声明这些常量。因此，您将有一个应用程序模块和每个页面的常量模块。

// page1.js
angular.module('app.page1', [])
  .constant('c1', 1);

// page2.js
angular.module('app.page2', [])
  .constant('c2', 2);

// app.js
angular.module('app', [
    'app.page1', 'app.page2'
  ])
  .constant('baseURL', '/api');
  // configurations and etc