Angular6笔记--动态设置页面标题title

众所周知，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('登录');
  }

参考文章：https://blog.csdn.net/qq_34645412/article/details/78785163

                   http://semlinker.com/ng-title-service/