众所周知,Angular6非常适合创建单页面应用的框架,所以Angular6创建出来的项目是放在一个页面中的,这也导致了所有页面的标题都是一样的,那么问题来了,怎么修改某一个页面的标题呢?
这里需要介绍一个知识点:Title Service
Title Service 用于获取和设置当前 HTML 文档的标题
Title Service 提供了以下方法:
setTitle()getTitle()
首先需要在你所应用的组件中进行导入:
import { Title } from '@angular/platform-browser';
然后要将其注入到组件中:
constructor(private titleService: Title) {}
就可以在当前组件中调用setTitle和getTitle方法了
实例如下:
constructor(private titleService: Title, private http: HttpClient, private router: Router, private cookies: CookieService) {titleService.setTitle('登录');}
参考文章:/qq_34645412/article/details/78785163
/ng-title-service/