离子应用程序中没有插件的多语言支持

Question

以下是我的常量文件，我在其中设置离子应用程序的语言。

@Injectable()
export class Constant {
  public static selectedLang :string = 'EN';

  static setLanguage(languageCode : string){
    Constant.selectedLang = languageCode;

  }
  readonly data: any = {
    "EN": {
      //declared English variables used to be all over the application
             FORGOT_PASSWORD : "Forgot Password",
          }
    "MR": {
             //marathi variables
             FORGOT_PASSWORD : "पासवर्ड विसरलात",
           }
    "HI":{
             //Hindi variables
             FORGOT_PASSWORD : "पासवर्ड भूल गए",
         }
   LANG: any = this.data[Constant.selectedLang];
 }

我以下列方式在HTML中使用这些变量：

<div>
   <h2>{{CON.LANG.FORGOT_PASSWORD}}</h2>
   <p>{{CON.LANG.FORGOT_PASSWORD}}</p>
</div>

我设置语言的ts文件：

import {Constant} from "../../../../constants";
class ForgotPassword {
    constructor(public CON: Constant){}

    setLanguage(languageCode : string){
       Constant.setLanguage(languageCode);
    }
 }

在这里，我想将英语作为我的默认语言。当用户通过调用函数显式更改语言时，只应更改语言。但问题是即使用户调用函数来改变语言，它也没有改变。应用程序始终显示英文变量。

非常感谢您的帮助。

Answer 1

我早先得到了我做错的事。我将Constant文件的'data'和'LANG'变量设为normal而不是static。并更改了setLanguage函数如下。

 setLanguage(languageCode : string){
    this.selectedLang = languageCode;
    this.LANG = this.data[this.selectedLang]; //line added
  }

此外，我将selectedLanguage变量从组件存储到会话存储，以便在我关闭并再次打开应用程序后不会更改语言。

 setLanguage(languageCode : string){
    this.CON.setLanguage(languageCode);
    this.sessionProvider.setLanguage(languageCode);
  }