Angular4：用户的区域设置

发布时间：2020-12-17 09:16:41 所属栏目：安全来源：网络整理

导读：我希望有一个LoginForm,并在此用户输入应用程序后 – 使用德语或英语.据我所知,我可以在app.module.ts中设置类似的东西 import { LOCALE_ID } from '@angular/core';providers: [{ provide: LOCALE_ID,useValue: 'de-DE' },...] 但那是在启动时,而不是在Logi

我希望有一个LoginForm,并在此用户输入应用程序后 – 使用德语或英语.据我所知,我可以在app.module.ts中设置类似的东西

import { LOCALE_ID } from '@angular/core';
providers: [{ provide: LOCALE_ID,useValue: 'de-DE' },...]

但那是在启动时,而不是在LoginForm已经显示的时候： – /有没有办法改变整个应用程序的语言环境？ (不仅仅是针对特定组件！) – 如果翻译可以随时更改,那将会很棒.任何提示如何实现？我只找到了上面的处理方式.

我按照 this thread的答案,我有以下解决方案：

import { LOCALE_ID } from '@angular/core';

@NgModule({
  // ...
  providers: [...
     {provide: LOCALE_ID,deps: [SettingsService],// some service handling global settings
      useFactory: getLanguage  // returns locale string
    }
  ]
  // ...
})
export class AppModule { }
// the following function is required (for Angular 4.1.1!!!)
export function getLanguage(settingsService: SettingsService) {
  return settingsService.getLanguage();
}

注意：使用额外函数可防止错误不支持函数调用.考虑使用对导出函数的引用来替换函数或lambda！

我创建了这个类

import { Injectable } from '@angular/core';

@Injectable()
export class SettingsService {
  currentLang: string;

  constructor() {
    this.currentLang = 'en';
  }

  setLanguage(lang: string) {
    this.currentLang = lang;
  }
  getLanguage() {
    return this.currentLang;
  }
}

它会动态更改LOCALE_ID

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!