0

Angular アプリについて質問があります。API から初期構成データを取得し、それらの構成を使用してアプリをブートストラップできるアプリがあります。ApiConfigService は次のとおりです。

export class ApiConfigService {
    public initialized: Promise<any>;

    constructor(
        private readonly windowService: WindowService
    ) {
        this.initialized = window.configReady;
    }
}

API 構成ファクトリーは次のとおりです。

import { ApiConfigService } from '../services/api-config.service';

export function fetchApiConfigFactory(
    apiConfigService: ApiConfigService
) {
    return () => apiConfigService.initialized;
}

私のアプリモジュールでは、これが私のプロバイダーにあるものです:

{ provide: APP_INITIALIZER, useFactory: fetchApiConfigFactory, multi: true, deps: [ApiConfigService] },

したがって、アプリの初期化は、window.ConfigReady からの約束に依存しています。window.ConfigReady が解決され、適切なデータがある場合、アプリは初期化され、すべて問題ありません。

ここで、構成が存在しない場合があり、サインイン ページを実装してユーザーに表示する必要があるという新しい機能を追加しようとしています。サインイン後、構成が取得され、アプリが初期化されます。この構造にサインインコンポーネントを実装するにはどうすればよいですか? 基本的に、window.ConfigReady が存在しない場合に別のコンポーネントsignInComponentを使用してユーザーに表示するアプリ モジュールに何らかの方法で追加する必要があります。Angularでこれを行う方法についてのヘルプとギルドは本当に感謝しています! ありがとう

4

1 に答える 1