我希望有一个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
