2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > angular5+动态设置页面标题title

angular5+动态设置页面标题title

时间:2020-10-01 08:03:00

相关推荐

angular5+动态设置页面标题title

在实际的开发项目当中,经常需要对访问网页的title进行动态配置,就像这样的东东,

所以今天来记录下怎么动态配置title

一、首先,准备一个 .json的配置文件放置在静态资源assets文件夹下

二、把项目的index中的title置空

三、由于angular提供了一个title的服务,所以在app.module.ts文件中providers中注入title

四、在项目的根组件ponent.ts中,先在constructor中引入title服务,然后在通过http请求本地之前创建的静态的配置文件,最后通过setTitle()函数就可以动态的设置项目的title了。这样做的有点在与经常会变动的title,只是修改配置文件就可以完成,无需再更改页面,当然配置文件也可以放在服务端,原理是一样的。

想要整理更多的碎片知识,扫码关注下面的公众号,让我们在哪里接着唠!

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