Angular 4的国际化

发布时间：2020-12-17 09:56:42 所属栏目：安全来源：网络整理

导读：我需要为我的Angular 4 Application添加多语言支持.我需要知道实现这一目标的最佳方法. 您可以使用 ngx-translate这是Angular 2中的国际化标准库您可以导入库并创建一组包含翻译的json文件,并将其放在assets文件夹中. 然后你可以在HTML中引用它.比如说. en.

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

您可以使用 ngx-translate这是Angular 2中的国际化标准库

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

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

en.json了,

"guest.first-name": "first Name",

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!