Angular开发：国际化翻译

发表于 更新于 分类于 阅读次数：
本文字数： 696 阅读时长 ≈ 1 分钟
使用 ngx-translate 来翻译你的 Angular 项目吧

简介

NGX-Translate 是 Angular 的一个国际化库

它允许您定义不同语言的内容翻译，并在它们之间轻松切换

使用

参考 这里

应用

Html中

使用管道或指令来进行翻译：

1
2
<p>{{ 'public.hello' | translate}}</p>
<p [translate]="'public.hello'">public.hello</p>

翻译带有动态修改的数据：

1
<p>{{'flow-manager.flow-counts-#flowCounts#' | translate: {flowCounts:flowCounts} }}</p>

翻译后台传回的数据，可以使用连字符将两个字符串连接起来：

1
<p>{{'asr.' + pattern | translate}}</p>

也可以在翻译文件中携带参数：

1
<p>{{'flow-manager.confirm-to-delete-flow' | translate:{deleteFlowName:deleteFlowName} }}</p>

TypeScript中

待更新