Please give example of Form validation in angular about bs-stepper

[HenryKim2022]

Me too :) never working as sampled on AdminLTE3

[rajnesh-rathor-auxano]

I have implemented it in angular

@ViewChild('stepper1', { static: false }) stepperRef!: ElementRef;

        this.stepper = new Stepper(this.stepperRef.nativeElement, {
            linear: false,
            animation: true,
        });

        const validateForm1Fields = [
            'firstName',
            'lastName',
            'gender',
            'email',
            'mobileNumber',
            'governmentId',
            'address',
            'zipCode',
            'country',
            'state',
            'city',
        ];

        this.renderer2.listen(this.stepperRef.nativeElement, 'show.bs-stepper', (event: any) => {
            if (event.detail.from === 0) {
                if (
                    !validateForm1Fields.every((x) => this.ngForm.controls[x].status === 'VALID')
                ) {
                    this.submitted = true;
                    event.preventDefault();
                } else {
                    this.completedStep1 = true;
                    this.submitted = false;
                }
            }
        });
    }
`