angular - Angular Nested-Form builder 给出“找不到带路径的控件”错误

Question

我有一个 Angular 嵌套表单，它分为多个选项卡，每个选项卡都有多个输入元素，就像在这个stackblitz 中一样。

请帮我解决以下问题：

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

Answer 1

我已经纠正了你的错误：

用于标签和标签formGroupName_divformControlNameinput

<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演示。

如果你想做：formControlName="avg"那么你必须在类文件中找到那个控件。