一分钟学会 i18n angular2.0 多语言支持

作者: 马丁路德东 | 来源:发表于2017-08-28 10:28 被阅读0次

npm install ng2-translate --save

2.在模块中引入他

image.png

import { TranslateModule, TranslateLoader, TranslateStaticLoader } from 'ng2-translate';

添加方法

export function createTranslateLoader(http: Http) {
  return new TranslateStaticLoader(http, './assets/i18n' , '.json');
}

在assets中添加文件

image.png

注入他

image.png

在组件中注入他

image.png

3.html中

<h1>
  {{'app.logout' | translate}}
</h1>

一分钟学会 i18n angular2.0 多语言支持
首先引入ng2-translate 2.在模块中引入他添加方法在assets中添加文件注入他在组件中注入他...
elementui 增加多语言支持
添加多语言支持在src目录下增加i18n文件夹i18n文件夹.png 其中 i18n.js内容如下: en-US...
你知道iOS支持多语言开发吗
多语言支持也称: i18n(国际化) 和 localization(本地化) 字符串文字的本地化主要步骤新...
iOS 开发之国际化/本地化配置
一、本地化与国际化 1.1、多语言支持的国际化和本地化有什么区别？答：i18n：国际化(在其他语言叫国际化...
Angular2.0—路由跳转
Angular2.0—路由跳转 [# Angular2.0 —构建项目的流程以及使用ng-zorro 友情链接：A...
Angular2.0—https服务
Angular2.0—https服务首先使用脚手架创建项目友情链接：Angular2.0 —构建项目的流程以及...
Angular2.0—服务
Angular2.0—服务首先使用脚手架创建项目友情链接：Angular2.0 —构建项目的流程以及使用ng-...
Angular2.0—管道
Angular2.0—管道首先使用脚手架创建项目友情链接：Angular2.0 —构建项目的流程以及使用ng-...
Angular2.0—路由传参
Angular2.0—路由传参首先使用脚手架创建项目友情链接：Angular2.0 —构建项目的流程以及使用n...
Angular2.0—父子传参
Angular2.0—父子传参首先使用脚手架创建项目友情链接：Angular2.0 —构建项目的流程以及使用n...

网友评论

本文标题：一分钟学会 i18n angular2.0 多语言支持

本文链接：https://www.haomeiwen.com/subject/ggpwdxtx.html

一分钟学会 i18n angular2.0 多语言支持