900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Angular6笔记--动态设置页面标题title

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

时间:2024-01-16 23:11:13

相关推荐

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('登录');}

参考文章:/qq_34645412/article/details/78785163

/ng-title-service/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。