1

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 つだけであるかのように、これは当てはまりますか? または何?

4

0 に答える 0