angular - Angular 8フォームでformControlNameを使用すると、メトロニックステップボタンが機能しません

Question

kenthemes メトロニック角度 8 ウィザードを作成しようとしています。フォーム入力をバインドするためにフォームグループを使用していました。ただし、フォームグループを使用すると機能しません。

html テンプレートは次のとおりです。

            <div class="kt-form__actions">
                <div class="btn btn-secondary btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u"
                    data-ktwizard-type="action-prev">
                    Önceki
                </div>
                <div (click)="onSubmit()"
                    class="btn btn-success btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u"
                    data-ktwizard-type="action-submit"
                    [ngClass]="{'kt-spinner kt-spinner--right kt-spinner--md kt-spinner--light': loading$ | async}">
                    Güncelle
                </div>
                <div class="btn btn-brand btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u"
                    data-ktwizard-type="action-next">
                    Sonraki
                </div>
            </div>

コンポーネントの KTWizard 設定は次のとおりです。

 ngAfterViewInit(): void {
        // Initialize form wizard
        const wizard = new KTWizard(this.el.nativeElement, {
      startStep: 1,
      manualStepForward: true,
      clickableSteps: true
        });

    // Validation before going to next page
    wizard.on('beforeNext', (wizardObj) => {

      wizard.on('change', () => {
        setTimeout(() => {
          KTUtil.scrollTop();
        }, 500);
      });
    });
    }

メトロニックでのこの問題の解決策は何ですか?

ありがとう。