根据Angular 2 Seed项目中的域名动态设置App Title

Question

我想使用运行环境变量更改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变量获取App标题。我尝试使用我的env TITLE变量更改APP_TITLE变量，以便我可以动态设置应用程序名称。我有两个应用程序，如“APP NAME 1”，“APP NAME 2”。我有两个环境（DEV，PROD）用于每个域和四个环境dev.ts，prod.ts，dev2.ts，prod2.ts使用EnvConfig接口。我跑的时候enter image description here

npm start -- --env-config dev

APP NAME 1以开发模式运行。

npm start -- --env-config dev2

APP NAME 2以开发模式运行。

简而言之，我想在index.html的APP_TITLE部分动态显示正在运行的应用名称

Answer 1

我在angular.io/guide/set-document-title使用Title服务解决了这个问题

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

 this.titleService.setTitle(Config.TITLE);

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