Angular Nested-Form Builder с ошибкой «Не удается найти элемент управления с путем» - PullRequest
Новая
       34

Angular Nested-Form Builder с ошибкой «Не удается найти элемент управления с путем»

0 голосов
/ 01 июня 2019

У меня есть угловая вложенная форма, которая разделена на вкладки, и каждая вкладка имеет несколько элементов ввода, как в this stackblitz.

Пожалуйста, помогите мне решить следующую проблему: 

Error: Cannot find control with path: 'averageBos -> sip5xx -> SIP500 -> avg'

1 Ответ

1 голос
/ 01 июня 2019

Я исправил ваши ошибки:

используйте formGroupName для тега div и formControlName для input тега 

<my-tabs>
  <my-tab [tabTitle]="'Tab 1'">
    <form [formGroup]="MyGroup">
      <label>Average MOS</label>
      <div formGroupName="averageMos">
        <input type="text" formControlName="critical">
      </div>
    </form>
  </my-tab>
  <my-tab tabTitle="Tab 2">
    <form [formGroup]="MyGroup">
      <label>Average BOS</label>
   <div formGroupName="averageBos">
     <div formGroupName="sip5xx">
       <div formGroupName="SIP500">
         <input type="text" formControlName="critical">
         <input type="text" formControlName="warning">
       </div>
     <div formGroupName="SIP501">
       <input type="text" formControlName="critical">
       <input type="text" formControlName="warning">
     </div>
    </div>
  </div>
     </form>
  </my-tab>

 </my-tabs>

Попробуйте этоstackblitz demo.

если вы хотите сделать: formControlName="avg", тогда вы должны найти этот элемент управления в файле класса.

...