Loading Multiple file from a directory.

[santhanam87]

My application is big and I can't keep all the keys related to one language in a file, that would be so huge to load, Is there is any way to handle this case ?

Thanks,
Santhanam E

[ocombe]

The method setTranslation has a 3rd parameter "shouldMerge: boolean" that you can use if you want to append translations instead of replacing them. You will have to use your own loader for that probably, but it's possible :)

[nabeelbukhari]

Are there any plans of providing built-in support for partial loading?

[nabeelbukhari]

I have implemented one for loading multiple files.

`
/**/
import {TranslateLoader} from 'ng2-translate/ng2-translate';
import {Http, Response} from "@angular/http";
import {Observable} from "rxjs/Observable";

import '../../rxjs-extensions'

export class TranslateParitalLoader implements TranslateLoader {
constructor(private http: Http, private prefix: Array = ["i18n"], private suffix: string = ".json") {
}

/**
 * Gets the translations from the server
 * @param lang
 * @returns {any}
 */
getObservableForHttp(value, combinedObject, lang: string) {
    return Observable.create(observer => {
        this.http.get(`${value}/${lang}${this.suffix}`)
        .subscribe((res) => {
            let responseObj = res.json();
            Object.keys(responseObj).forEach(key=>{
                combinedObject[key] = responseObj[key];
            });
            console.log(combinedObject);
            observer.next(combinedObject);
            //call complete if you want to close this stream (like a promise)
            observer.complete();
        });
    });
}

public getTranslation(lang: string): Observable<any> {
    var combinedObject = new Object();
    var oldObsevers;
    var newObserver;
    this.prefix.forEach((value) =>{
        newObserver = this.getObservableForHttp(value, combinedObject, lang);
        if (oldObsevers == null) {
            oldObsevers = newObserver;
        }
        else {
            oldObsevers = oldObsevers.merge(newObserver);
        }
    });
    return oldObsevers;
}

}`

[ganesh35]

I too run in to this problem. Highly appreciated if the solution is in-built.
Ganesh

[deepu105]

@ocombe we are using angular-i18n for https://jhipster.github.io and now we are migrating to provide ng2 support. we are trying to use ng2-translate here but we are having trouble as we have a lot of partial files for each language and we used the partialLoader from angular-i18n.
JHipster should bring you a lot users and downloads and it would be highly appreciated if the feature can be provided out of the box
The PR for this is jhipster/generator-jhipster#4304

[anphu7492]

+1 for partial loading support

[deepu105]

Btw we have implemented a custom loader in JHipster for this and works quite nice :) Thanks & Regards, Deepu

…

On Fri, Dec 9, 2016 at 1:28 AM, Phu Pham ***@***.***> wrote: +1 for partial loading support — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#199 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABDlFxl3vgPSV7QzxDoKjrMGTp_OkXjVks5rGKCtgaJpZM4JlqmZ> .

[ocombe]

Is the loader somewhere public, so that I can add a link to it ?

[deepu105]

Yes its on the JHipster repository https://github.com/jhipster/generator-jhipster/blob/master/generators/client/templates/angular/src/main/webapp/app/shared/language/_translate-partial-loader.provider.ts

[deepu105]

But it would be even better if its supported out of the box as it would be the most practical use case in real systems

[ocombe]

I'll add this with the new modular system for the next major version, the lib will use scoped modules and you will have multiple loaders to choose from in order to compose your perfect translate library :)

[Matmo10]

Hi @ocombe, so this next major version will allow you to split up your translations by modules? So lazy loaded modules can also have their translations files lazily loaded? Is that correct?

Any rough ETA's on that?