全部
技术
PHP
MySQL
前端
Linux
JAVA
工具
纪念日计算器
邮记星
个人记账
笔记侠
历史上的今天
生日密码
生日书
生日密码
生日花语
博古通今
三十六计
鬼谷子
笑林广记
本草纲目
山海经
唐诗宋词
宋词300首
唐诗300首
退出
登录
注册
编辑文章
选择分类
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空间" }); ```
保存文章