Mat-Angular-Stepper how to go to the next step through typescript?

Question

I’m trying to give the next through a function.

I saw in the documentation that they possess the method next()

But I tried to stop both the matStepper as to the matStepperHorizontal in my constructor but I get:

ERROR Error: Uncaught (in Promise): Error: Staticinjectorerror(Appmodule)[Matformfield -> Changedetectorref]:
Staticinjectorerror(Platform: core)[Matformfield -> Changedetectorref]: Nullinjectorerror: No Provider for Changedetectorref!

I can’t place this service in my app module...

Answer 1

I was able to add the following local variable #stepper:

<mat-horizontal-stepper [linear]="isLinear" #stepper>

And then on my form, on onsubmit I passed Stepper as parameter:

<form (onSubmit)="eventoSubmit(stepper)">

And then in my function eventoSubmit:

eventoSubmit(stepper: MatStepper){
   stepper.next()
}