Trying to think about how to build a multi step form in angular 2

Question

I am trying to build a small, 3 step form. It would be something similar to this:

The way I did this in react was by using redux to track form completion and r

Answer 1

If you want to keep things extensible, you could try something like this:

  
  
  
  
  
  
 

 export class SignUpVm {
   createAccount: CreateAccountVm; //Contains your fields & finished bool
   socialProfiles: SocialProfilesVm; //Contains your fields & finished bool
   personalDetails: PersonalDetailsVm; //Contains your fields & finished bool
   //Store index here if you want, although I don't think you need it
 }

 @Component({})
 export class SignUp {
   model = new SignUpVm(); //from sign_up_vm.ts (e.g)
 }

 //Copy this for personalDetails & createAccount
 @Component({})
 export class SocialProfiles {
   @Input() model: SignUpVm;
 }