2 つの FormGroups を持つコンポーネントを作成しました
コンポーネントクラス:
//Forms for Create and Edit nodes
public formCreateCategoryInLevel : FormGroup;
public formCreateCategoryInSubLevel : FormGroup;
this.formCreateCategoryInLevel = this.formBuilder.group({
"categoryNameInLevel":[null,[Validators.required, Validators.maxLength(80)]],
"categoryDescriptionInLevel":[null,[Validators.required, Validators.maxLength(300)]],
});
this.formCreateCategoryInSubLevel = this.formBuilder.group({
"categoryNameInSubLevel":[null,[Validators.required, Validators.maxLength(80)]],
"categoryDescriptionInSubLevel":[null,[Validators.required, Validators.maxLength(300)]],
});
//My submit forms methods:
onSubmitCreateCategoryInLevel(){
//...some code
}
onSubmitCreateCategoryInSubLevel(indexSelected_ofSubParent: number){
//...some code
}
テンプレート内:
<form [formGroup]="formCreateCategoryInLevel"
(ngSubmit)="onSubmitCreateCategoryInLevel()">
...
</form>
<form [formGroup]="formCreateCategoryInSubLevel"
(ngSubmit)="formCreateCategoryInSubLevel(1)">
...
</form>
最初のフォーム送信メソッドonSubmitCreateCategoryInLevel()を呼び出すと、すべてが完全に機能しますが、2番目のメソッドformCreateCategoryInSubLevel(1)を呼び出すと例外が発生します
コンポーネントで作成できるフォームが 1 つだけであるかのように、これは当てはまりますか? または何?