[Lazyload] newly loaded states use the wrong Injector

[aitboudad]

// app-module.ts
@NgModule({
    imports: [
        UIRouterModule.forRoot({
            states: [
              { name: 'foo.**', url: '/foo', loadChildren: ... }
            ]
        })
    ],
})
export class AppModule {}

// foo-module.ts
@NgModule({
    imports: [
        UIRouterModule.forChild({
            states: [
                { name: 'foo', url: '/foo', component: ... },
                { name: 'bar', url: '/bar', component: ... }
             ]
        })
    ],
})
export class FooModule {}

Navigation to /bar after foo is loaded produce the following exception:

No component factory found for `BarComponent`.

[christopherthielen]

Interesting. I hadn't considered lazy loading states that aren't children of the "future state".