Angular Nested-Form构建器给出“找不到带有路径的控件”错误

时间:2019-06-01 16:30:18

标签: angular nested-forms formbuilder angular-formbuilder

我有一个Angular嵌套窗体,该窗体分为多个选项卡,每个选项卡都具有多个输入元素,如this stackblitz中一样。

请帮助我解决以下问题:

instance FC.Functor (RelationMS a) (ConstrainedCategory (->) Ord) Fun where
  fmap = Fun Prelude.. pseudoFmap Prelude.. unconstrained

1 个答案:

答案 0 :(得分:1)

我已纠正您的错误:

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>

尝试this stackblitz演示。

如果要执行以下操作:formControlName="avg",则必须在类文件中找到该控件。