创建一个angular空项目
代码语言:javascript复制ng new angular-runtime-config
因为是demo 这里就不选择路由了,css我使用scss
创建一个名为config的service文件
代码语言:javascript复制cd angular-runtime-config
ng g service config
对config.service.ts文件 增加两个方法和一个私有属性
在app.module.ts文件中增加如下设置
启动服务查看一下结果
代码语言:javascript复制ng serve --o
你可以通过在app.compontent.ts中添加console.log来判断一下是否appConfig早于app.component执行
现在我们在app.compontent.ts中试着调用ConfigService中的getConfig方法看一下是否能获取到值
github源码 https://github.com/lilugirl/angular-runtime-config