时间戳

首页 > 解决方案 > Ngx 在角度通用中使用延迟加载进行翻译

angular - Ngx 在角度通用中使用延迟加载进行翻译

问题描述

我尝试使用翻译我渲染的html中的文本但只有故障文本出现在其中我在服务器模块中制作翻译模块但只有导航栏等全局组件被翻译

有什么帮助！？

标签： angularangular-universalngx-translate

解决方案

我修复它我的usign自定义加载器通过import json从asstest获取翻译

自定义 Json 加载器

import { Observable, of } from "rxjs";


import { TranslateLoader } from "@ngx-translate/core";


export class JSONModuleLoader implements TranslateLoader {
TRANSLATIONS: {
    ar: any,
    en: any
}
constructor(TRANSLATIONS: any) {
    this.TRANSLATIONS = TRANSLATIONS
}
getTranslation(lang: string): Observable<any> {
    return of(this.TRANSLATIONS[lang]);
}
}

我的模块工厂

import { JSONModuleLoader } from './translate/translateLoader';
import { AppTAr, AppTEn } from '../environments/translat';
let TRANSLATIONS = {
  ar: AppTAr,
  en: AppTEn
}
export function createTranslateLoader() {
  return new JSONModuleLoader(TRANSLATIONS);
}

现在可以工作了：“D

推荐阅读