选项卡组件内的 formbuilder 在 angular 6 中不起作用
formbuilder inside a tabs component not working in angular 6
我正在尝试构建一个在单个组件中跨多个选项卡划分的表单。
但是 formbuilder 抛出错误,说它找不到 formControlName。
这是 stackblitz linkformBuilderInsideTabs and the error screenshot of the same.enter image description here
提前致谢
尝试:
<my-tabs>
<my-tab [tabTitle]="'Tab 1'">
<form [formGroup]="MyGroup">
<div formGroupName="averageMos">
<input type="text" formControlName="critical">
</div>
</form>
</my-tab>
<my-tab tabTitle="Tab 2">
Tab 2 content
</my-tab>
</my-tabs>
请注意,我在 html 中使用了 formGroupName
而不是 FormGroupName
。
我正在尝试构建一个在单个组件中跨多个选项卡划分的表单。 但是 formbuilder 抛出错误,说它找不到 formControlName。
这是 stackblitz linkformBuilderInsideTabs and the error screenshot of the same.enter image description here
提前致谢
尝试:
<my-tabs>
<my-tab [tabTitle]="'Tab 1'">
<form [formGroup]="MyGroup">
<div formGroupName="averageMos">
<input type="text" formControlName="critical">
</div>
</form>
</my-tab>
<my-tab tabTitle="Tab 2">
Tab 2 content
</my-tab>
</my-tabs>
请注意,我在 html 中使用了 formGroupName
而不是 FormGroupName
。