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
在组件中注入他
image.png
3.html中
<h1>
{{'app.logout' | translate}}
</h1>
首先引入ng2-translate 2.在模块中引入他 添加方法 在assets中添加文件 注入他 在组件中注入他...
添加多语言支持 在src目录下增加i18n文件夹i18n文件夹.png 其中 i18n.js内容如下: en-US...
多语言支持 也称: i18n(国际化) 和 localization(本地化) 字符串文字的本地化主要步骤 新...
一、本地化与国际化 1.1、多语言支持的 国际化 和 本地化 有什么区别？答：i18n：国际化(在其他语言叫国际化...
Angular2.0—路由跳转 [# Angular2.0 —构建项目的流程以及使用ng-zorro 友情链接：A...
Angular2.0—https服务 首先使用脚手架创建项目 友情链接：Angular2.0 —构建项目的流程以及...
Angular2.0—服务 首先使用脚手架创建项目 友情链接：Angular2.0 —构建项目的流程以及使用ng-...
Angular2.0—管道 首先使用脚手架创建项目 友情链接：Angular2.0 —构建项目的流程以及使用ng-...
Angular2.0—路由传参 首先使用脚手架创建项目 友情链接：Angular2.0 —构建项目的流程以及使用n...
Angular2.0—父子传参 首先使用脚手架创建项目 友情链接：Angular2.0 —构建项目的流程以及使用n...
本文标题：一分钟学会 i18n angular2.0 多语言支持
本文链接：https://www.haomeiwen.com/subject/ggpwdxtx.html
网友评论