ngx-translate не работает в модальном режиме ng-bootstrap

В ngx-translate Readme написано:

Примечание: если вы все еще используете Angular ‹4.3, используйте Http из @angular/http с [email protected].

Итак, каковы различия?

В Angular >= 4.3.x вместо предоставления Http для TranslateModule теперь вам нужно предоставить HttpClient:

app.module.ts :

import {HttpClient, HttpClientModule} from "@angular/common/http"; //<-- before import {HttpModule, Http} from "@angular/http";
...
export function HttpLoaderFactory(httpClient: HttpClient) { //<-- before Http
    return new TranslateHttpLoader(httpClient, "i18n/", ".json");
}

@NgModule({
    imports: [
        ...
        HttpClientModule, //<-- before HttpModule
        TranslateModule.forRoot({
          loader: {
            provide: TranslateLoader,
            useFactory: HttpLoaderFactory,
            deps: [HttpClient] //<-- before Http
          }
        })
    ],
    ...
})

Я развил и исправил Angular Demo (4.3.6): https://plnkr.co/edit/1VZdWdQvat3lxaXYVZs3?p=preview