Question

我有一个方法load()，它在一个从服务器获取用户对象的全局授权服务中运行。此方法使用APP_INITIALIZER运行。该方法如下所示：

load(): Promise<any> {
    return this.http.get(API_ENDPOINT + ApiConstants.AUTHENTICATE).map(response => response.json() as User).toPromise().then((data: any) => {
        this.user = data;
        this.translate.use(this.user.language);
    });
}

我使用ngx-translate在服务器上获取用户的语言，然后加载相应的翻译文件。我的翻译模块如下所示：

export class AppTranslationModule {
constructor(private translate: TranslateService, private auth: AuthService) {
    translate.addLangs(["en", "de"]);
    translate.setDefaultLang("de");
    translate.use(this.auth.user.language);
 }
}

问题是在执行translate.use(this.auth.user.language)时，来自auth服务的用户对象仍未定义。在执行任何其他操作之前，如何让所有内容等待用户对象从服务器加载？

Answer 1

首先，创建一个执行此操作的函数（在AppTranslationModule中）：

translate.addLangs(["en", "de"]);
translate.setDefaultLang("de");
translate.use(this.auth.user.language);

从您的组件调用Auth服务的load（）并寻求响应。得到回复后，调用此功能进行翻译。从构造函数中删除翻译任务。相反，调用执行这些任务的函数[获得用户响应之后]。

在初始化其他模块之前等待全局用户对象

1 个答案: