选项卡组件内的表单构建器无法在 Angular 6 中工作

用户3331232

我正在尝试构建一个表单,该表单在单个组件中的多个选项卡之间划分。但是formbuilder抛出错误,说它无法找到formControlName。

这是 stackblitz 链接formBuilderInsideTabs和相同的错误屏幕截图。在此处输入图片说明

提前致谢

沙尚克·维维克

尝试:

<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>

请注意,我已经使用了formGroupName而不是FormGroupName在 html 中。

这是工作演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

组件中的 Angular 7 选项卡

来自分类Dev

angular 6 中的浏览器选项卡关闭事件仅适用于调试模式

来自分类Dev

最小和最大指令在Angular 6中无法正常工作

来自分类Dev

将Angular-UI引导程序的预输入ng模型放置在选项卡中时无法按预期工作

来自分类Dev

angular6 中编辑表单的预选选项 ( Dropdown )

来自分类Dev

在 angular6 中创建动态表单

来自分类Dev

在 Angular 6 中重用组件 html

来自分类Dev

Angular Bootstrap中的选项卡

来自分类Dev

无法在发布请求 Angular 6 表单组中传递值

来自分类Dev

带有[ngModel]的数据绑定无法正常工作Angular 6

来自分类Dev

Angular UI选项卡的Select事件未按预期工作

来自分类Dev

表单中的选项卡

来自分类Dev

场景构建器中的库选项卡消失了

来自分类Dev

如何突出显示角度6中的活动选项卡

来自分类Dev

jQuery .serialize()在Angular中无法正常工作

来自分类Dev

MatToolTip在Angular中无法正常工作

来自分类Dev

无法使动态模板在Angular指令中工作

来自分类Dev

无法让array.splice在Angular中工作

来自分类Dev

Angular无法在ajax响应中工作

来自分类Dev

无法使Angular 2中的路由工作

来自分类Dev

无法在 Angular2 中工作

来自分类Dev

NgModel 在 Angular 5 中无法正常工作

来自分类Dev

在几个不同的浏览器选项卡中的Angular和TypeScript / javascript单例

来自分类Dev

Angular指令中的表单字段验证无法正常工作

来自分类Dev

如何从Angular和Typescript中的选项卡数组中禁用选项卡元素

来自分类Dev

在组件的Angular 6中隐藏Bootstrap对话框

来自分类Dev

使用 Angular 6 在嵌套组件中访问 RouterLinkActive

来自分类Dev

Angular 6 [(ngModel)] 不改变组件中的变量

来自分类Dev

Angular 6 从模块中的不同路径导入相同的组件

Related 相关文章

  1. 1

    组件中的 Angular 7 选项卡

  2. 2

    angular 6 中的浏览器选项卡关闭事件仅适用于调试模式

  3. 3

    最小和最大指令在Angular 6中无法正常工作

  4. 4

    将Angular-UI引导程序的预输入ng模型放置在选项卡中时无法按预期工作

  5. 5

    angular6 中编辑表单的预选选项 ( Dropdown )

  6. 6

    在 angular6 中创建动态表单

  7. 7

    在 Angular 6 中重用组件 html

  8. 8

    Angular Bootstrap中的选项卡

  9. 9

    无法在发布请求 Angular 6 表单组中传递值

  10. 10

    带有[ngModel]的数据绑定无法正常工作Angular 6

  11. 11

    Angular UI选项卡的Select事件未按预期工作

  12. 12

    表单中的选项卡

  13. 13

    场景构建器中的库选项卡消失了

  14. 14

    如何突出显示角度6中的活动选项卡

  15. 15

    jQuery .serialize()在Angular中无法正常工作

  16. 16

    MatToolTip在Angular中无法正常工作

  17. 17

    无法使动态模板在Angular指令中工作

  18. 18

    无法让array.splice在Angular中工作

  19. 19

    Angular无法在ajax响应中工作

  20. 20

    无法使Angular 2中的路由工作

  21. 21

    无法在 Angular2 中工作

  22. 22

    NgModel 在 Angular 5 中无法正常工作

  23. 23

    在几个不同的浏览器选项卡中的Angular和TypeScript / javascript单例

  24. 24

    Angular指令中的表单字段验证无法正常工作

  25. 25

    如何从Angular和Typescript中的选项卡数组中禁用选项卡元素

  26. 26

    在组件的Angular 6中隐藏Bootstrap对话框

  27. 27

    使用 Angular 6 在嵌套组件中访问 RouterLinkActive

  28. 28

    Angular 6 [(ngModel)] 不改变组件中的变量

  29. 29

    Angular 6 从模块中的不同路径导入相同的组件

热门标签

归档