Angular Forms In Depth

angular-university · Dec 15, 2020 · bb3b8ab · bb3b8ab
1 parent 0f69262
commit bb3b8ab
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/app/create-course/create-course-step-1/create-course-step-1.component.ts b/src/app/create-course/create-course-step-1/create-course-step-1.component.ts
@@ -44,6 +44,19 @@ export class CreateCourseStep1Component implements OnInit {
 
       this.courseCategories$ = this.courses.findCourseCategories();
 
+      const draft = localStorage.getItem("STEP_1");
+
+      if (draft) {
+          this.form.setValue(JSON.parse(draft));
+      }
+
+      this.form.valueChanges
+          .pipe(
+              filter(() => this.form.valid)
+          )
+          .subscribe( val => localStorage.setItem("STEP_1", JSON.stringify(val)));
+
+
   }
 
   get courseTitle() {