Angular导入的模块不等待APP_INITIALIZER
创始人
2024-10-24 00:00:44
0次

一种解决方法是在应用程序主模块中使用APP_INITIALIZER,并将其注册为providers。在接下来的示例中,我们使用一个名为ConfigService的服务来模拟导入依赖项的过程,以及一个名为appInitProvider的提供者,以便等待这些依赖项导入完毕后再继续应用程序的启动。

app.module.ts:

import { APP_INITIALIZER, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { ConfigService } from './shared/config.service';
import { AppComponent } from './app.component';

function appInit(configService: ConfigService) {
  return () => configService.loadConfig();
}

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, HttpClientModule],
  providers: [
    ConfigService,
    {
      provide: APP_INITIALIZER,
      useFactory: appInit,
      deps: [ConfigService],
      multi: true,
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

在上面的示例中,我们注入了ConfigService,并将其传递给appInit函数。该函数将其返回值设置为一个可以解析的Promise对象来表示应用程序完成启动所需的依赖项已完成加载。最后,我们将appInitProvider提供者注册为APP_INITIALIZER的依赖项。

ConfigService示例:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class ConfigService {
  private configUrl = 'assets/config.json';

  constructor(private http: HttpClient) {}

  loadConfig() {
    return this.http.get(this.configUrl).toPromise();
  }
}

上面的示例具有简单的loadConfig方法,以便在应用程序启动时导入config.json文件。当loadConfig方法完成时,它将返回Promise对象。

这是一种可靠的方法,让你的应用程序在应用程序依赖项完成导入后继续启动。

相关内容

热门资讯

分享一款,wepoker免费透... 很多人使用云端 AI 时,都担心wepoker免费透视脚本、内部资料上传带来隐私风险。这款本地运行的...
技术分享!,德州牌面概率,微扑... 您好,技术分享!,德州牌面概率,微扑克真的有挂演示(从前真的是有透视挂)这款游戏可以开挂的,确实是有...
推荐十款,WePoKer到底有... 您好:WePoKer到底有透视挂吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现...
每日必看教程,德扑之星有没有透... 每日必看教程,德扑之星有没有透视挂,WOK到底能开挂吗手筋(素来有辅助)是一款可以让一直输的玩家,快...
一分钟秒懂,AAPOKER辅助... 一分钟秒懂,AAPOKER辅助器最新版更新内容介绍,WePoKer透视辅助妙计(固有真的是有开挂)是...
今日焦点,wpk透视德州,aa... 今日焦点,wpk透视德州,aapoker软件下载模块(先前是有辅助)主打本地运行的 AI 黑科技工具...
玩家必知教程!,WePoker... 您好:WePoker透视怎么用安全这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现...
专业教程,微扑克作假吗,WOK... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
终于清楚,德扑之星发牌规律图,... 终于清楚,德扑之星发牌规律图,菠萝智星德州透视开挂学习(切实是有透视)AI 智能体黑科技再上新,自动...
终于懂了,wepoker透视教... 终于懂了,wepoker透视教程,aapoker确实真的有挂绝活儿(竟然真的有透视);近期一款 AI...