如何在AngularJS應用程序中支持用戶可選的語言環境

Question

聽起來好像這個問題以前曾經被問過幾次，但我沒有看到解決方案。所以這裏就是問題！

我使用日期過濾器在AngularJS應用程序在頁面中顯示日期的HTML頁面如下：

{{item.dateCreated | date:'mediumDate'}} 

我有我的網頁上的菜單項，允許用戶選擇的語言用於顯示頁面。我正在使用優秀的ngTranslate模塊來執行頁面上字符串的翻譯，但它不處理上面的日期顯示。

AngularJS文檔指出有一個名爲id的成員的$ locale服務 - 不知道這是否是查看語言環境的屬性或設置它的方法。該文檔還說，我需要在包含angularjs庫之後在頁面中包含適合區域設置的i18n腳本文件，但當然，直到運行時用戶選擇它時，我才知道區域設置。

所以，問題是，我怎麼能支持多語言環境中的angularjs應用程序，使得過濾器，例如日期翻譯和語言環境格式的日期，以及我怎麼告訴angularjs什麼語言環境，如果用戶改變其使用在運行時？我想我可以手動構建一組格式字符串，並在用戶選擇語言時將它們應用於日期過濾器，但這可能會變得困難，因爲我們決定支持越來越多的語言。

我真的很感謝任何專家的建議！

Answer 1

要動態更改區域設置，您可以測試程序包Angular Dynamic Locale。