使用APP_INITIALIZER实现Angular运行时环境变量配置

创建一个angular空项目

ng new angular-runtime-config

因为是demo 这里就不选择路由了,css我使用scss

创建一个名为config的service文件

cd angular-runtime-config
ng g service config

对config.service.ts文件 增加两个方法和一个私有属性

在app.module.ts文件中增加如下设置

启动服务查看一下结果

ng serve --o

你可以通过在app.compontent.ts中添加console.log来判断一下是否appConfig早于app.component执行

现在我们在app.compontent.ts中试着调用ConfigService中的getConfig方法看一下是否能获取到值

github源码 https://github.com/lilugirl/angular-runtime-config

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券