Angular 角度-使用外部翻译';资产';
我需要在Angular 角度-使用外部翻译';资产';,angular,ionic-framework,ngx-translate,Angular,Ionic Framework,Ngx Translate,我需要在assets目录之外添加翻译文件,如下所示: export function createTranslateLoader(http: HttpClient) { return new TranslateHttpLoader(http, './app/custom/i18n/', '.json'); } "assets": [ { "glob": "**/*",
assets
目录之外添加翻译文件,如下所示:
export function createTranslateLoader(http: HttpClient) {
return new TranslateHttpLoader(http, './app/custom/i18n/', '.json');
}
"assets": [
{
"glob": "**/*",
"input": "src/assets",
"output": "assets"
},
{
"glob": "**/*",
"input": "src/app/common",
"output": "assets"
}
]
src/app/custom/i18n/en.json
我加载的翻译如下:
export function createTranslateLoader(http: HttpClient) {
return new TranslateHttpLoader(http, './app/custom/i18n/', '.json');
}
"assets": [
{
"glob": "**/*",
"input": "src/assets",
"output": "assets"
},
{
"glob": "**/*",
"input": "src/app/common",
"output": "assets"
}
]
但这不起作用,因为它找不到文件:
得到http://localhost:8100/app/custom/i18n/en.json 404(未找到)
我尝试自定义angular.json
文件,以便能够访问“资产”之外的文件,操作如下:
export function createTranslateLoader(http: HttpClient) {
return new TranslateHttpLoader(http, './app/custom/i18n/', '.json');
}
"assets": [
{
"glob": "**/*",
"input": "src/assets",
"output": "assets"
},
{
"glob": "**/*",
"input": "src/app/common",
"output": "assets"
}
]
但我仍然得到404错误。请告知我如何将翻译设置为使用来自外部
资产的json文件。谢谢大家! 您需要在Assets数组中指定消息文件。由于custom/i18n/en.json未在资产数组中指定,因此在构建项目时不会绑定它。因此给出了404错误
"assets": [
{
"glob": "**/*",
"input": "src/assets",
"output": "assets"
},
{
"glob": "**/*",
"input": "src/app/common",
"output": "assets"
},
"custom/i18n/en.json"
]
谢谢你的回复!实际上,我通过添加这一行来做到这一点:“src/app/custom”
,因为这样我可以从custom
目录加载多个.json文件(用于不同的语言)。