如何在多页面网站的组件中添加头标签

Question

我需要在head标签中添加一些数据，例如更改每个页面的标题，描述等

Answer 1

使用标题服务为所有页面分配动态标题。例如：

1. 在app.module.ts中导入标题并添加到提供商

   import { BrowserModule, Title } from '@angular/platform-browser';
   ...
   providers: [Title],
   

2. 在页面组件中导入标题服务并为其分配标题字符串

   import {Title} from '@angular/platform-browser';
   ...
   export class HomeComponent implements OnInit {
     constructor(private titleService: Title) { }
     ngOnInit() {
       this.titleService.setTitle('Home');
     }
   }