在Angular 2种子项目中，根据域名动态设置应用程序标题

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变量中获取应用程序标题。我尝试使用env TITLE变量更改APP_TITLE变量，以便可以动态设置应用程序名称。我有两个应用程序，如"应用程序名称1"one_answers"应用程序名2"。我为每个域提供了两个环境(DEV、PROD)和四个使用EnvConfig接口的环境DEV.ts、PROD.ts、dev2.ts和prod2.ts。在此处输入图像描述当我运行时

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 上解决了使用标题服务的问题

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

this.titleService.setTitle(Config.TITLE);

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