I18n support - Can switch between English and Norwegian

[hakonamatata]

Added i18n support

Translated part of the side to Norwegian to show an example of it working.

One problem:

export function createTranslateLoader(http: Http) {

    // BUG: URLs requested via Http on the server must be absolute
    // TODO: Should not hardcode localhost, should use APP_BASE_HREF!!
    return new TranslateHttpLoader(http, 'http://localhost:5000/assets/i18n/', '.json');
}

^ I hardcoded the url of the translation files to localhost at port 5000, this should be changed to the current APP_BASE_HREF.

But it work fine to run locally at port 5000.

Closes #111

[MarkPieszak]

ngx-translate very nice! 👍
Does it work fine when it's using APP_BASE_HREF ?

[hakonamatata]

I assume it will work using APP_BASE_HREF, but could not figure out exactly how to inject that into the createTranslateLoader function 😕

[MarkPieszak]

Merged & fixed it! @hakonamatata
Oh by the way the SignalR demo was acting up? Just commented out the link in the navigation, but not sure what went wrong?

This is fantastic Jan thank you again for helping! Going to try and fix up the webpack & Azure stuff today.

        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [Http, [new Inject(), APP_BASE_HREF]] // <--
            }
        }),

export function createTranslateLoader(http: Http, APP_BASE_HREF) {
    // i18n files are in `wwwroot/assets/`
    return new TranslateHttpLoader(http, `${APP_BASE_HREF}/assets/i18n/`, '.json');
}

[hakonamatata]

Glad I can help 😊

I'll take a second look at the signalR implementation too

[hakonamatata]

Tried your solution, but I get an error here:

deps: [Http, [new Inject(), APP_BASE_HREF]]

Severity	Code	Description	Project	File	Line	Suppression State
Error	TS2346	Supplied parameters do not match any signature of call target.	aspnetcore-angular2-universal (tsconfig project)	C:\front-end\aspnetcore-angular2-universal\Client\app\app.module.ts	50	Active

[MarkPieszak]

Yeah looking at it now too, not sure where that came from, worked a second ago

[MarkPieszak]

Fixed now via: 61d7c0b

They changed the way you pass new Inject() now in deps, found it in the changelog. Fml 👾