ngx-translate一次翻译多个翻译，并在ts文件上添加动态文本

Question

I would like to implement dynamic elements into multiple translations with ngx-translate, in order to fuse this solution (multiple translations) :

this.translate.get(['HOME', 'MY_ACCOUNT', 'CHANGE_PASSWORD']).subscribe(res => {
      showToast(res.HOME,res.MY_ACCOUNT,res.CHANGE_PASSWORD);
});

with that one (dynamic text) :

this.translate.get('HOME', {value: 'test_HOME'}).subscribe(res => {
      showToast(res);
});

Answer 1

not sure if you came up with your own solution by now, but I did something like:

public translateTableHeadings(stringArr: string[] = []): Observable<string[]> {
        const sub = new Subject<string[]>();

        const obs$ = Observable.from(stringArr);

        obs$
            .map(aString=>
                this.translate.get(aString)
            )
            .toArray()
            .takeUntil(sub)
            .subscribe(translatedStrings=> {
                sub.next(translatedStrings);
                sub.complete();
            });

        return sub.asObservable();
}

While I'm aware of the changes done to the get function on the TranslationService catering for multiple translation strings as an input, I had a specific use case where I needed to run code for each one after it was translated (ie, I added a .map to the this.translate.get(... and ran some code in there.

Hope this helps.

Answer 2

根据TranslateService get方法的类型注释，您可以将interpolateParams指定为第二个参数。

TranslateService.get(key: string | string[], interpolateParams?: Object): Observable<any>