angular2如何实现路由切换改变页面title-创新互联
小编给大家分享一下angular2如何实现路由切换改变页面title,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
目前创新互联公司已为近千家的企业提供了网站建设、域名、虚拟空间、网站托管、服务器租用、企业网站设计、栖霞网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。angular2里默认切换路由或者切换组件,页面的title是不会变化的。
angular2在路由设置里提供了data参数可以传值,如下
{ path: 'home', component: HomeComponent, data: { title: 'Home', aaa: 'aaaa', bbb: 'bbbb', ccc: "cccc"} }
path和component是常用的属性,path是地址栏的显示,component是调用的组件。
data则可以传数据,在组件内可以调用。
参数调用
angular2提供Title服务可以修改title。
路由内获取设置的参数可以用ActivatedRoute的snapshot的data属性获取
如下:
import { ActivatedRoute } from '@angular/router'; import { Title } from '@angular/platform-browser'; config: any; constructor( private route: ActivatedRoute, private titleService: Title ) { } ngOnInit(): void { // Get the config information from the app routing data this.config = this.route.snapshot.data; // Sets the page title this.titleService.setTitle(this.config.title); }
以上是“angular2如何实现路由切换改变页面title”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联成都做网站行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:angular2如何实现路由切换改变页面title-创新互联
URL网址:http://pwwzsj.com/article/csceci.html