Входы в Mat Stepper имеют значение первого входа

Question

Код для Mat Stepper

<mat-horizontal-stepper [linear]="isLinear" #stepper>
    <mat-step [stepControl]="firstFormGroup" >
        <form [formGroup]="firstFormGroup">
            <ng-template matStepLabel>Driver Details</ng-template>
            <mat-form-field class="form-field-full-width">
                <input [(ngModel)]="driverName" matInput placeholder="Name"  formControlName="firstCtrl" required>
            </mat-form-field><br>
            <mat-form-field class="form-field-full-width">
                <input [(ngModel)]="driverEmail" matInput placeholder="Email" formControlName="firstCtrl" required>
            </mat-form-field><br>
            ...
        </form>
    </mat-step>
    <mat-step [stepControl]="secondFormGroup">
        <form [formGroup]="secondFormGroup">
            .....
        </form>
    </mat-step>
</mat-horizontal-stepper>

Так я устанавливаю значения на входах

ngAfterViewInit(){
    this.route.queryParams.subscribe(params => {
    var driverDetails;
    driverDetails = JSON.parse(params['driver']);
    this.driverName = driverDetails['name'];
    this.driverEmail = driverDetails['email'];
    ...
    this.cdRef.detectChanges();
});

После перезагрузки страницы всевходы имеют значение driverName . Как я могу это исправить ??

Answer 1

Обнаружена ошибка. Я использовал тот же formControlName для ввода ввода.