TranslateLoader}from'@ngx-translate/core';import{TranslateHttpLoader}from'@ngx-translate/http-loader';// 创建TranslateHttpLoader,需要HttpClientexportfunctioncreateTranslateLoader(http: HttpClient) {returnnewTranslateHttpLoader(http,'./i18n/','.json');...
$translateProvider.translations('zh',i18n_zh); 5 使用国际化 {{ 'TITLE' | translate }} 第一种是以过滤器的方式使用;第二种是指令的方式使用。 6 全部代码 <!DOCTYPE html>{{ 'TITLE' | translate }}
使用Angular CLI的xi18n命令来提取项目中标记为需要翻译的文本。这将生成一个.xlf(XML Localization Interchange File Format)或.json格式的翻译文件,其中包含所有需要翻译的字符串。 例如,运行以下命令以提取.xlf格式的翻译文件: ng xi18n --output-path locale --i18n-format xlf 翻译文本: 将生成的翻译文件发送给...
templateUrl: 'i18n.component.html' }) export class I18nComponent implements OnInit { constructor(private translateService: TranslateService) { } ngOnInit() { this.translateService.addLangs(["ch", "en"]); this.translateService.setDefaultLang("ch"); const browserLang = this.translateService.getBr...
在Angular中使用i18n来翻译自定义管道,可以按照以下步骤进行: 首先,在Angular项目中安装@ngx-translate/core和@ngx-translate/http-loader依赖。这两个依赖库可以帮助我们实现国际化翻译。 创建一个translations文件夹,并在其中创建一个en.json文件和一个zh.json文件(根据需要添加其他语言文件)。这些文件将包含翻译的文...
AngularJS 国际化——Angular-translate i18n与l10n i18n是Internationalization得缩写,取第一个字母和最后一个字母,以及中间省略的字母数目,即i18n,类似的l10n是Localization得意思。 通常i18n是国际化的意思,就是在不改变源码的情况下,通过某些简单的配置就能适应不同的语言环境。
在上述代码中,通过调用translateService.use()方法并传入对应的语言代码(例如en表示英语),来加载对应的翻译文件。 通过以上步骤,就可以实现在Angular应用中使用i18n进行列表项的翻译。当应用运行时,根据当前语言环境,Angular会自动加载对应的翻译文件,并将标记的文本替换为翻译后的文本。 推荐的腾讯云相关产品:腾讯云国际化...
export function createTranslateHttpLoader(http: Http) { return new TranslateHttpLoader(http, './assets/i18n/', '.json');//也可以如此写:return new TranslateHttpLoader(http);,这样写就是默认在assets目录下有i18n目录,并且语言文件是以.json结尾的。
AngularJS 国际化——Angular-translate,对于一个用户群面向全球的的应用来说,不得不考虑国际化的问题。当然,即便是刚刚起步的小应用,如果有心搞大,也应该提前设计国际化的方案。本篇讲述使用AngularJS构建的应用的简单国际化方案,准确的说,是国际化服务...i18n与l1
import{TranslateService}from'@ngx-translate/core';constructor(publictranslateService:TranslateService){}ngOnInit(){// --- set i18n begin ---// 参数类型为数组,数组元素为本地语言json配置文件名this.translateService.addLangs(['th','en','zh']);// 设置默认语言this.translateService.setDefaultLang(...