如何嵌套封装在APP_INITIALIZER中的httpclient调用

Question

我已经实现了一个由httpCall触发的APP_INITIALIZER，它返回一个URL，然后我想要用于另一个嵌套的httpCall：

getAppSettings(): Observable<IAppSettings> {
    return (this.httpClient
        .get<IAppSettings>(this.localbaseUrl)
        .pipe(
            catchError(this.errorHandlerSerevice.handleError)
        )) as any;
}

getConfigValues(): Promise<void> {
    return this.getAppSettings()
        .toPromise()
        .then(data => {
            this.exampleUrl = data;
            this.getOtherStuff().subscribe(data => this.stuff = data);
        });
}

getOtherStuff(): Observable<any[]> {
    return (this.httpClient
        .get<any[]>(this.exampleUrl)
        .pipe(
            catchError(this.errorHandlerSerevice.handleError)
        )) as any;
}

此实现是错误的，在页面刷新时会引发以下错误：

 Uncaught (in promise): TypeError: Cannot read property 'length' of undefined

它来自没有及时填充的this.stuff[] (第二，嵌套的httpClient可观察调用)。

如何正确地实现/嵌套这些httpClient调用。请注意，我使用角6和httpClient，请不要建议旧的http获取解决方案。

Answer 1

结果发现，你不能在APP_INITIALIZER初始化的承诺中嵌套一个可以观察到的东西。嵌套调用也需要承诺。请参见修改后的方法，该方法现在正确分配了this.stuff：

getConfigValues(): Promise<void> {
    return this.getAppSettings()
        .toPromise()
        .then(data => {
            this.exampleUrl = data;
        }).then(() => {
                return this.getOtherStuff()
                    .toPromise()
                    .then(data => { 
                            this.stuff = data; 
                    });
            }
        );
}