When working with ngx-translate, I use the instant method to translate messages into the user's language. These messages are provided as JSON objects and some of them contain dynamic values:
{
"message.key": "First value is {{0}} and second value is {{1}}",
"message.key2": "Value is {{0}}"
}
To retrieve the translated text along with the interpolated dynamic values, I make use of the instant method in the following manner:
messageText = this.translateService.instant('message.key2', {0: 'Value to be interpolated'});The issue arises when these values are returned in a string array params: string[]. In order to convert this string array into an Object format similar to {0:params[0], 1:params[1]}, I typically employ a conditional check as shown below:
myTranslationMethod(messageKey: string, params: string[]): string {
let paramsAsObject;
if (params.length === 1) {
paramsAsObject = {
0: params[0]
}
} else {
paramsAsObject = {
0: params[0],
1: params[1]
}
}
messageText = this.translateService.instant(messageKey,paramsAsObject);
return messageText;
}
However, this approach necessitates updating the code each time a message with additional parameters is introduced. Is there a more generic solution that can handle any number of parameters without requiring manual adjustments?
I'm curious if it's possible to create paramsAsObject dynamically based on the length of params or directly utilize the array with ngx-translate. Any insights would be greatly appreciated.