根据Angular 2 Seed项目中的域名动态设置应用程序标题

时间:2019-01-25 20:49:38

标签: angular angular-seed

我想使用正在运行的环境变量来更改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部分动态显示正在运行的应用名称

1 个答案:

答案 0 :(得分:0)

我通过在angular.io/guide/set-document-title使用标题服务解决了问题

我只是将代码添加到app.component.ts文件中

 this.titleService.setTitle(Config.TITLE);

Config.TITLE值动态来自环境变量。