title: Multiple angular app initializers
body: <p>We know that in root module provider we can set an <code>APP_INITIALIZER</code> that bootstrap some dependencies in the backend and then loads the first component</p>
  
  <pre><code>{
      provide: APP_INITIALIZER,
      useFactory: configLoader,
      multi: true,
      deps: [ConfigService]
  }
  </code></pre>
  
  <p>I will load my user configs before the app starts in the above way, but I want to do somehing more, like connect websocket before my app starts.</p>
  
  <p>I know that I can do in in <code>configLoader</code> function that I wrote, that first load configs and then connect websocket in that configLoader function, but for some reasons, I can't do that right now, so I need  do in in someway like this:</p>
  
  <pre><code>{
      provide: APP_INITIALIZER,
      useFactory: [configLoader, websocketLoader],
      multi: true,
      deps: [ConfigService, WebsocketService]
  }
  </code></pre>
  
  <p>But unfortunately, it won't work. So is there any way to load multiple app initializers?</p>