角料步進：錯誤：無法找到名稱對照：「formArray」

我試着與設置角料步進這裏如何跟進步驟：https://material.angular.io/components/stepper/overview 角料步進：錯誤：無法找到名稱對照：「formArray」

我想有多個步驟，使一個簡單的單一形式我創造了這個：

<form [formGroup]="formGroup"> 
    <mat-horizontal-stepper formArrayName="formArray" linear> 
    <mat-step formGroupName="0" [stepControl]="formArray.get([0])"> 
     <div> 
     <button mat-button matStepperNext type="button">Next</button> 
     </div> 
    </mat-step> 
    <mat-step formGroupName="1" [stepControl]="formArray.get([1])"> 
     <div> 
     <button mat-button matStepperPrevious type="button">Back</button> 
     <button mat-button matStepperNext type="button">Next</button> 
     </div> 
    </mat-step> 
    </mat-horizontal-stepper> 
</form>

我得到我的控制檯上：

ERROR Error: Cannot find control with name: 'formArray' 
    at _throwError (forms.es5.js:1918) 
    at setUpFormContainer (forms.es5.js:1891) 
    at FormGroupDirective.webpackJsonp.../../../forms/@angular/forms.es5.js.FormGroupDirective.addFormArray (forms.es5.js:4849) 
    at FormArrayName.webpackJsonp.../../../forms/@angular/forms.es5.js.FormArrayName.ngOnInit (forms.es5.js:5134) 
    at checkAndUpdateDirectiveInline (core.es5.js:10856) 
    at checkAndUpdateNodeInline (core.es5.js:12364) 
    at checkAndUpdateNode (core.es5.js:12303) 
    at debugCheckAndUpdateNode (core.es5.js:13167) 
    at debugCheckDirectivesFn (core.es5.js:13108) 
    at Object.eval [as updateDirectives] (MystepperComponent.htm

我測試的完整的源代碼是在這裏：angular stepper test example on github

我真的已經盡力遵循的文件，但我不明白我需要做什麼來解決它......

來源

2017-10-11 Jas

那麼，你的ngOnInit有這樣的formgroup定義，

ngOnInit() { 
    this.formGroup = this._formBuilder.group({ 
    firstCtrl: ['', Validators.required] 
    }); 
}

不具有formArray定義的，所以當你在你的模板是指formArrayName="formArray"應用程序將期待formArray控制你的父母formGroup聲明formGroup內名爲「formArray」（你的情況，從這些2個作業： - this.formGroup = ...和<form [formGroup]="formGroup">）。這解釋了你解決你的問題的錯誤。但是你是否真的需要一個formArray，取決於你想要完成的事情，而且我認爲就你的問題而言它並不重要。

此外，您似乎沒有使用在您的模板中任何地方定義爲firstCtrl的formControl。所以基本上你在你的組件中定義的反應形式（及其控件）與你的模板中的內容不匹配，除了父窗體組名稱formGroup。

希望它有幫助。

來源

2017-10-11 14:50:35 amal

感謝，酷和複雜:)所以我會嘗試和完全刪除formArray，formGroup所有這些東西，看看它的工作，將更新。 – Jas

刪除所有formGroup formArray formArrayName Ctrl和所有看起來工作。謝謝:)只是試圖按照例子... – Jas

很酷。快樂學習！ – amal

角料步進：錯誤：無法找到名稱對照：「formArray」

回答

相關問題