[Angular] Saving draft form into Cookies
Angular Form INTO cookies
2023-09-14 09:00:47 时间
npm install cookies-js --save
import {Component, OnInit} from '@angular/core'; import {FormGroup, FormBuilder, Validators} from "@angular/forms"; import * as Cookies from 'cookies-js'; @Component({ selector: 'create-lesson', templateUrl: './create-lesson.component.html', styleUrls: ['./create-lesson.component.css'] }) export class CreateLessonComponent implements OnInit { private static readonly DRAFT_COOKIE = 'create-lesson-draft'; form: FormGroup; constructor(private fb: FormBuilder) { this.form = this.fb.group({ description: ['',Validators.required], url: ['',Validators.required], longDescription: [''] }); } ngOnInit() { const draft = Cookies.get(CreateLessonComponent.DRAFT_COOKIE); if (draft) { this.form.setValue(JSON.parse(draft)); } this.form.valueChanges .filter(() => this.form.valid) .do(validValue => Cookies.set( CreateLessonComponent.DRAFT_COOKIE, JSON.stringify(validValue)) ) .subscribe(); } }
相关文章
- angular组件的基本使用
- angular父子组件传值
- Angular: 最佳实践
- 模块化开发 Angular 应用 [含懒加载]
- Angular SSR 应用的 SEO 实现一个例子 - meta 和 title 元素的赋值
- angular基础面试题_java web面试题
- 关于 Angular 部署以及 index.html 里 base hRef 属性的关联关系
- Angular Universal Application 应该处理 HTTP POST 请求吗?
- angular框架发展史
- 关于 Angular 工程文件 angular.json 里的 inlineCritical 属性
- MySQL Error number: 3739; Symbol: ER_SRS_INVALID_ANGULAR_UNIT; SQLSTATE: SR002 报错 故障修复 远程处理
- Web 前端框架:Angular 4.0.0 正式版发布
- 基于豆瓣API+Angular开发的webApp