Angular项目如何使用cookieService在各个页面传输数据

1.安装ngx-cookie-service

关闭项目，在终端输入

 npm install ngx-cookie-service

2.安装完在你项目所需要的component组件里面的typescript文件里面引入并且声明

2.1 引入

import { CookieService } from "ngx-cookie-service";

2.2 声明（在构造函数声明）

constructor (
	protected cookieService: CookieService
) {}

注意：在你需要传数据和引数据的component组件的typescript文件里都需要引入和声明操作(直接重复一遍2的流程)

3.使用CookieService传输数据

3.1 把数据(‘name’)存到cookieService中(在你引入并且声明之后)

this.cookieService.set('name','张德帅skr人');

这个时候数据已经存到cookieService中了

3.2 在你想要的获取这个数据(‘name’)的component组件中的typescript文件中获取该数据

把数据赋给页面的某个元素或者某个对象的某个属性中

console.log(this.cookieService.get('name')); // 张德帅skr人
needname: string = this.cookieService.get('name');
console.log(this.needname); // 张德帅skr人

3.3 用完cookiService中的这个数据(‘name’)之后，一定一定一定要记得在cookieService中删除该数据！！！！！！！！！！！！！

this.cookieService.delete('name');
console.log(this.cookieService.get('name')); //  神马都没有、看不见（致盲）