I have a unique angular application that requires support for multiple languages. To achieve this, I have implemented the angular translate task in the following manner. My goal is to create separate language files which can be loaded later using the useStaticFilesLoader method:
i18nextract: {
default_options: {
jsonSrc: ['<%= srcdir %>/i18n/*.json'],
src: [ '<%= src.js %>', '<%= src.html %>'],
lang: ['ro', 'en', 'fr', 'pl', 'de'],
dest: '<%= distdir %>/i18n'
}
}
The srcdir directory contains various language files with the original translations, serving as the source: However, unfortunately, the translation does not load successfully.
I also attempted to pass
source: ['<%= srcdir %>/i18n/*.json']jsonSrc: {"ro":'<%= srcdir %>/i18n/ro.json', "de":'<%= srcdir %>/i18n/de.json'}An alternative approach I tried was to consolidate all the default translations into a single JSON file:
{
"ro": { "key":"value"},
"de": { "key":"value"},...
}
Regrettably, this approach did not yield the desired outcome either.
Am I overlooking any other potential solutions? Any help and suggestions would be greatly appreciated!