angular - IE 特定 : Translate Pipe not working in Angular 2 RC4

Question

我正在尝试使用 ng2-translate 以不同的语言显示 userName。

我的 LoginComponent 如下所示:

import { Component } from '@angular/core';
import {TranslateService, TranslatePipe} from 'ng2-translate/ng2-translate';

@Component({
    selector: 'login-app',
    templateUrl: './app/components/html/login.component.html',
    pipes: [TranslatePipe]
})

export class LoginComponent {
    userName: string;

    constructor(private _translate: TranslateService) {

        this.initializeTranslateServiceConfig();
    }

    initializeTranslateServiceConfig() {
        var userLang = navigator.language || navigator.userLanguage;
        this._translate.use(userLang);
    }
}

我的模板 login.component.html 有一个显示 userName

的标签

    <label for="userName">{{"User Name" | translate}}</label>

我有不同的 .json 文件来支持翻译。

现在我正在更改 Chrome、Firefox 和 IE11 的语言设置。它适用于 Chrome 和 Firefox，但不适用于 IE11。 :(

任何人都可以告诉我可能是什么问题以及可能的解决方案吗？

谢谢，

地波泮

Answer 1

根据 MSDN 上的文档 navigator.userLanguage 返回操作系统的自然语言，而不是浏览器中设置的首选语言。 ( Link )更改浏览器的语言设置不会影响此值。

其他浏览器确实支持 navigator.language，但也有一些缺点，如 MDN 上所述，因为并非所有浏览器都会返回用户的首选语言。 ( Link )

在工作中，我们使用返回 Accept-Language HTTP header 的服务器端 API 调用来识别语言。