How to submit forms in Stepper in Angular 4 material?

Question

How to submit form data in the stepper of angular material. I am following the example from angular material https://material.angular.io/components/stepper/examples. I did lot o

Answer 1

Give submit button and ngSubmit to form where you have forms inside Stepper

      Enable linear mode


  
    

      Fill out your name
      
        
      
      

        Next
        submit
      
    
  
  
    

      Fill out your address
      
        
      
      

        Back
        Next
         submit
      
    
  
  
    Done
    You are now done.
    

      Back
      Reset
      
        submit
        
    
  

Component

form1(){
    console.log(this.firstFormGroup.value);
  }

  form2(){
    console.log(this.secondFormGroup.value);
  }

Working Demo