PHP技术那点事
全部
技术
PHP
MySQL
前端
Linux
JAVA
退出
编辑文章
选择分类
PHP
MySQL
前端
Linux
Java
工具
选择专栏
设计模式
java基础
Angular学习
Java面试题
描述:
动态设置页面title，description，keyword
封面图上传 ：
+
点击上传图片
###场景 为了做页面的seo优化，我们需要对每篇文章设置动态的页面标题和关键字，描述信息，但是angular8 的页面是单页面，只有一个入口文件处设置了标题，这个时候我们就需要动态的设置这些信息，让爬虫可以更精准的抓取到我们的文章 ### 具体做法 - 引入 Title, Meta ``` import { Title, Meta } from '@angular/platform-browser'; constructor(private titleService: Title, private metaService: Meta) { } ``` - 动态设置 ``` //动态设置title this.titleService.setTitle("Angular8 动态设置页面title和页面meta描述和关键字"+ " | W空间"); //设置页面的meta描述信息 this.metaService.updateTag({ name: 'description', content:"关于Angular8 动态设置页面title和页面meta描述和关键字" }); //设置页面的meta关键字信息 this.metaService.updateTag({ name: 'keywords', content: "前端，angular8，W空间" }); ```
保存文章