angular - 如何在 Angular 应用程序中使用路由更改页面标题？

Question

是否有任何 npm 模块/其他方式，如 React-Helmet这允许我们在通过 Angular 应用程序路由时更改页面标题？

PS:我使用的是 Angular 5。

Answer 1

您在 Angular 5 中有一个 TitleService。将它注入(inject)到组件的构造函数中，并使用 setTitle() 方法。

import {Title} from "@angular/platform-browser";

....

constructor(private titleService:Title) {
  this.titleService.setTitle("Some title");
}

以下是 Angular 的文档:https://angular.io/guide/set-document-title