AngularJS 如何封装共用的配置？

[Wilon]

var app = angular.module('projectApp', ['ionic']);
app.config(function($httpProvider) {
$httpProvider.defaults.transformRequest = function(obj) {
var str = [];
for (var p in obj) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
return str.join("&");
};
$httpProvider.defaults.headers.post = {
'Content-Type': 'application/x-www-form-urlencoded'
}
})

比如说上述代码，我每个 JS 文件都要写一遍这个配置，这个 app.config 如何封装在一个 JS 文件里面，其他只要引用就行了？排版比较渣，各位大神见谅

[qyc666]

是同一个项目吗？按理说一个项目下只要配置一次$httpProvider 后面就不需要再配置了啊

[Wilon]

@qyc666 是同一个项目，第一次配置写在什么地方？

[qyc666]

@Wilon ng-app 所对应的那个 module 下

[Wilon]

@qyc666 我一个项目有好多个 ng-app

[qyc666]

@Wilon 一个应用只能有一个 ng-app 啊，用那么多是无效的，只有第一个 ng-app 会起作用

[Wilon]

@qyc666 不止一个页面，这个应用对应多个群组的账号类别，一个群组对应一个 ng-app

[qyc666]

@Wilon 这么说的话，可以把 app.config()内的 function 提取出来放到单独的文件，后续只需要 app.config(configFn)

[Wilon]

@qyc666 了解，多谢指点