Angular 4的国际化

Cha*_*ndo 6 multilingual internationalization angular

我需要为我的Angular 4 Application添加多语言支持.我需要知道实现这一目标的最佳方法.

Saj*_*ran 5

你可以使用ngx-translate作为Angular 2+国际化的标准库

您可以导入库并创建一组包含翻译的json文件,并将其放在assets文件夹中.

然后你可以在HTML中引用它.比如说.

en.json 具有,

"guest.first-name": "first Name",
Run Code Online (Sandbox Code Playgroud)

其中第一个是键,第二个是要显示的值.你可以在html中引用,

  <input  [label]="'guest.first-name' | translate" type="text" name="form_name" [(ngModel)]="firstName" required="required" ></input>
Run Code Online (Sandbox Code Playgroud)