我想使用正在运行的环境变量来更改Angular 2 Seed应用程序名称。我每个人都有两个域和两个环境(DEV,PROD),我想在运行应用程序时动态更改应用程序名称
我尝试更改ProjectConfig类中的APP_NAME变量,该变量扩展了SeedConfig类。当我在ProjectConfig中使用环境TITLE变量时,该程序无法运行。
我在ProjectConfig类中设置了this.APP_TITLE = Config.TITLE;
。 (Config.TITLE来自环境。)
我想在“ APP TITLE”部分显示正在运行的当前域名。
在index.html
文件中有一行
<title><%= APP_TITLE %></title>
,它们从ProjectConfig APP_TITLE变量获取应用程序标题。我尝试使用env TITLE变量更改APP_TITLE变量,以便可以动态设置应用程序名称。我有两个应用程序,例如“ APP NAME 1”,“ APP NAME 2”。对于每个域,我有两个环境(DEV,PROD),以及使用EnvConfig接口的四个环境dev.ts,prod.ts,dev2.ts,prod2.ts。 enter image description here 当我运行
npm start -- --env-config dev
APP NAME 1在开发模式下运行。
npm start -- --env-config dev2
APP NAME 2在开发人员模式下运行。
总之,我想在index.html的APP_TITLE部分动态显示正在运行的应用名称
答案 0 :(得分:0)
我通过在angular.io/guide/set-document-title使用标题服务解决了问题
我只是将代码添加到app.component.ts文件中
this.titleService.setTitle(Config.TITLE);
Config.TITLE值动态来自环境变量。