2. 程式人生 > >Angular 5 多語言國際化小結

Angular 5 多語言國際化小結

阿新 • • 發佈：2018-12-27
專案多語言國際化：
ngx-translate1.安裝npm install --save @ngx-translate/corenpm install --save @ngx-translate/http-loader需要注意的是，如果是Angular 5.x的版本，需要指定 ng-translate版本為9.x。當前最新版是10.x，適用Angular v6，如果是Angular v5,會報錯

具體版本檢視：https://github.com/ngx-translate/core/releases

npm install --save @ngx-translate/core@9.1.1

2.根模組中引入：import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';import {HttpClient, HttpClientModule} from '@angular/common/http';...imports:[...TranslateModule.forRoot({      loader: {        provide: TranslateLoader,        useFactory: HttpLoaderFactory,        deps: [HttpClient]      }    })]...export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);}3.建立i18n資料夾根據不同語言建立多語言檔案4.使用import {TranslateService} from '@ngx-translate/core';constructor中可以定義預設語言檔案：  constructor(private translate: TranslateService) {    translate.setDefaultLang('en');    // 獲取當前瀏覽器環境的語言比如en、 zh    const broswerLang = translate.getBrowserLang();
    translate.use(broswerLang.match(/en|zh-CN/) ? broswerLang : 'zh-CN');  }view中使用：通過translate 管道即可{{ 'thTLabel' | translate }}還有更多使用方式，可以檢視官網：

相關推薦

Angular 5 多語言國際化小結

專案多語言國際化：ngx-translate1.安裝npm install --save @ngx-translate/corenpm install --save @ngx-translate/http-loader需要注意的是，如果是Angular 5.x的版本，需要指定

轉載 ->關於Android多語言國際化，牛逼，寫的不錯

今天，簡單講講 android 裡如何將語言國際化，和各個國家語言的value資料夾的命名規則。 昨天，需要將app的字元資源國際化，可是卻不知道如何命名，在網上找了資料，終於解決了問題。 Android 文字資源國際化   1. 新建一箇中文資原始檔夾  

【vue 進階指南 一】多語言國際化（中英文切換）

vue + element-ui + vue-i18n 多語言國際化 1.element-ui 並不支援最新版的vue-i8n 外掛，開發時注意i18n的版本，當然本示例成功解決版本不相容的問題，詳細說明請看element官方文件：http://eleme

轉載 ->關於Android多語言國際化，牛逼，寫的不錯

今天，簡單講講 android 裡如何將語言國際化，和各個國家語言的value資料夾的命名規則。 昨天，需要將app的字元資源國際化，可是卻不知道如何命名，在網上找了資料，終於解決了問題。 Android 文字資源國際化 1. 新建一箇中文資原始檔夾     va

更簡單的ASP.NET Core多語言(國際化和本地化, 歡迎轉載)

想到我還在Github上懟工程師對.NET Core多語言實現不好就生氣, 現在才感到學識淺薄是多麼可怕的一件事, 對不起, 是我太菜了, 是我太菜, 是我太菜, 學的東西太少, 對不起, 對不起, 我為我的魯莽而傷心 其實在.NET Core有更好的多語言實現方式 #新

iOS多語言(國際化)開發(跟隨系統 + APP內手動設定)

一:跟隨系統切換語言 1>建立好專案工程後, 新建一個多語言檔案: 2>新增要設定的語言型別: 3>新增成功 細心的朋友可能會發現在English後面寫的是3 Files Localized,這是因為英語是系

Qt入門-介面多語言國際化的實現

Qt為國際化的實現提供了簡便的方法。下面使用Qt Linguist示例一箇中文語言介面的生成。    它是一個英文介面：      步驟如下： (1) 首先是準備一個已經編譯成功的工程，並且介面中的需要多語言支援的介面元素均使用了“tr()”函式。如：

攜程 Apollo 配置中心 | 學習筆記（八） | 如何將本地多語言(國際化)配置檔案遷移至Apollo配置中心？

本章將介紹如何將本地的多語言配置檔案，遷移到Apollo配置中心裡面。專欄目錄：歡迎關注個人公眾號：  Coder程式設計歡迎關注個人網站：www.52melrin.com注：本章不介紹環境，如果環境未搭建成功的可以在專欄中找到相關環境。一、需求    將本地的多語言（國際化

react native 多語言國際化元件react-native-i18n Xcode配置

首先安裝，執行：npm install react-native-i18n --save 在Xcode Libraries Add files to node_modules找到RNI18n.xcod

Django 2.2 實現 i18n 多語言國際化

#LANGUAGE_CODE = 'en-us' LANGUAGE_CODE = 'zh-hans' #翻譯檔案所在目錄，需要手工建立 LOCALE_PATHS = ( os.path.join(BASE_DIR, 'locale'), ) TIME_ZONE = 'Asia/

VUE實現Studio管理後臺（三）：支援多語言國際化（vue-i18n）

RXEditor的第一版本是英文版，有些朋友看起來覺得不習慣，後來因為惰性，不願意再修改舊程式碼加入中文版，這次提前就把這個問題解決了，克服惰性最好的方式，就是想到就儘快去做，避免拖延。 本來計劃在介面的右上角，做一個下拉選單選擇語言。下拉選單的工作量稍稍有些大，並且很少有隨時切換介面語言的需求。最終確定獲取

Android 入門——App國際化之動態切換多語言小結

#引言 如果你的App是面向國際的或者是做手機ROM的，那麼對於Android國際化適配應該不會陌生，今天就好好地總結下。 一、Locale和Configuration 概述 Locale物件是用於表示特定的地理，政治或文化區域。 需要Locale執行其任務的操

Qt多國語言國際化

改變 exec 支持 data- hang cati ngui imu msi Qt自己提供了一種國際化的方案，而不是採用INI配置文件的方式。使用QString。QTranslator等類和tr()函數可以非常方便的完畢增加國際化的支持。 （1）使用QStrin

史上最簡單的springboot國際化多語言切換實現方案

messages conf main del span 語言 rop target 每天 每天學習一點點 編程PDF電子書、視頻教程免費下載：http://www.shitanlife.com/code 前提： 在resources目錄下建立 messages_en

[Spring]Spring Mvc實現國際化/多語言

sel hold encoding 內容 logo spring strong etl tle 1.添加多語言文件*.properties F64_en_EN.properties詳情如下： F60_G00_M100=Please select data.

_047_Android_Android（國際化）多語言的實現和切換

原創文章，如有轉載，請註明出處：http://blog.csdn.net/myth13141314/article/details/62037194 Android 的多語言設定在開發中時有用到，實現也不復雜，主要包括三個方面 不同語言的資源的實現，即string.xml的實現 利用Loca

struts2實現國際化，多語言切換

Struts2實現國際化，多語言切換 根據struts2中的i18n 實現多語言切換、 專案截圖 先寫basename_en_US.properties檔案和basename_zh_CN.properties（放在src目錄下） basename_en_US.pro

Laravel5.5 動態切換多語言操作(直接上程式碼)

第一步:新建所有的語言包檔案  resources/lang messages.php 就是返回一個數組 return [] 格式 中文的: return [ "test" => "這裡是測試", "test1" => "繼續測試",

Android（國際化）多語言的實現和切換

Android 的多語言設定在開發中時有用到，實現也不復雜，主要包括三個方面 不同語言的資源的實現，即string.xml的實現 利用Locale改變系統的語言設定       首先需要將不同語言版本的資源配置好    

vue用i18n實現多語言支援（國際化）

vue-i18n是用於多語言適配的vue外掛，主要用於前端專案的國際化應用。 個簡單的例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&