Question

我的网站上的所有角度应用程序都有相同的配置块，所有这些都在不同的文件中。

app_1.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

app_2.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

app_3.config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

有没有一种标准的抽象方式？

Answer 1

你可以创建另一个模块说＆＃34; myApp.common＆＃34;甚至＆＃34; myApp.common.configs＆＃34;并将您的常用实现保留在该模块中，并将该模块作为依赖项包含在需要它们的其他模块中。

实施例： -

/*Create an app that has the common configuration used in your app clusters*/
angular.module('app.common', []).config([
  "$httpProvider", function($httpProvider) {
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content');
  }
]);

和

//Include common module as well as a part of other dependencies your app may have
var app_1 = angular.module('app1', ['app.common', 'somedep', ...]); 
var app_2 =angular.module('app2', ['app.common']);
//...

在旁注中，我会避免将模块存储在全局变量中，如示例中所示，而是在需要时更喜欢使用模块getter语法。例如： - angular.module('app1').service(...，angular.module('app1').config(...等。

如何跨多个角度应用程序共享相同的配置

1 个答案: