Angular2依赖于其他提供商的提供商



我的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

--未测试--

相关内容

  • 没有找到相关文章

最新更新