我的Angular2应用程序中有几个模块,它们提供服务和配置。
现在我想包括@ngrx/store
,它从我的模块中收集可用的减速器。
这是引导程序代码:
import {OpaqueToken} from 'angular2/core'
import {provideStore} from '@ngrx/store'
export const REDUCER_TOKEN = new OpaqueToken('Reducer');
bootstrap(AppComponent, [
provide(REDUCER_TOKEN, { useClass: Module1Reducers, multi: true }),
provide(REDUCER_TOKEN, { useClass: Module2Reducers, multi: true }),
// old code: provideStore({module1, module2}, {module1:{}, module2:[]})
provideStore(/* INSERT CODE HERE */)
]);
INSERT CODE HERE
注释应该替换为使用所有REDUCER_TOKEN
提供程序的内容。
我怎样才能做到这一点?
我看不到直接将其传递给provideStore()
的方法。
provideStore
创建并返回一个提供程序数组。我的尝试是首先添加provideStore()
创建的提供者,然后在第二步中覆盖依赖于REDUCER_TOKEN
:的REDUCER
bootstrap(AppComponent, [
provide(REDUCER_TOKEN, { useClass: Module1Reducers, multi: true }),
provide(REDUCER_TOKEN, { useClass: Module2Reducers, multi: true }),
// add generated providers
provideStore(),
// override `REDUCER` provider
provide(REDUCER, {
deps: [REDUCER_TOKEN],
useFactory(reducer){
if(typeof reducer === 'function'){
return reducer;
}
return combineReducers({
"foo":reducer[0].reducerFunction,
"bar":reducer[1].reducerFunction
});
}
}),
]);
如果为同一令牌(或类型)添加了多个提供程序,但没有multi: true
,则只有最后添加的一个提供程序生效。
根据此provideStore()
实现构建https://github.com/ngrx/store/blob/master/src/ng2.ts#L56
--未测试--