使用 Angular 4 保存 cookie

Posted

技术标签:

【中文标题】使用 Angular 4 保存 cookie【英文标题】:Saving cookie using angular 4 【发布时间】:2018-09-25 19:24:53 【问题描述】:

我有一个基于 ldap 的身份验证,如果用户凭据匹配,则接收承载令牌和 userId 作为 JSON 格式的响应。现在我需要将这些值保存在 cookie 中。我正在使用 Angular 4。我找不到任何与 Angular 4 相关的 cookie 示例。

【问题讨论】:

参考网站:-code-sample.com/2017/10/angular-4-5-cookie-vs-token.htmlnpmjs.com/package/ngx-cookie-service 我可以将数据保存在 cookie 中。谢谢!! 【参考方案1】:

我知道回答这个问题有点晚了,但您可以使用 ngx-cookie-service 节点包。

1.安装

npm install ngx-cookie-service --save

2。然后将 cookie 服务作为提供者添加到您的 app.module.ts:

@NgModule(
  ...,
  providers: [ CookieService ]
)

3.然后,将其导入并注入到组件中:

import  CookieService  from 'ngx-cookie-service';

constructor( private cookieService: CookieService )  

  ngOnInit(): void 
    this.cookieService.set( 'Test', 'Hello World' );
    this.cookieValue = this.cookieService.get('Test');
  

4.一切就绪

【讨论】:

以上是关于使用 Angular 4 保存 cookie的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Mongoose、Express、Angular 4 和 NodeJS 上传/保存和显示图片

Angular 4:复制一个数组以保存初始值,但两个数组都由表单更新

使用 laravel 和 Angular 4 问题通过 API 在数据库中保存文件

Angular 4预定表单自动保存

Angular 4:路由到另一个组件后保存组件状态

Angular、Laravel 4 和 MySQL 数据库最佳实践