首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我有一个formArray,在那个formArray里我只有formControls,没有formGroup,我怎么能在html控件中循环呢?

在html控件中循环formArray中的formControls,可以使用ngFor指令进行循环。ngFor指令用于循环遍历一个集合,并为集合中的每个元素生成相应的html元素。

在你的场景中,你可以使用以下代码来实现循环formArray中的formControls:

代码语言:txt
复制
<div [formGroup]="yourForm">
  <div formArrayName="yourFormArray">
    <div *ngFor="let control of yourForm.get('yourFormArray').controls; let i=index">
      <input [formControl]="control">
    </div>
  </div>
</div>

解释:

  • [formGroup] 指令用于绑定formGroup对象,它的值应为你的表单的formGroup名称。
  • formArrayName 指令用于绑定formArray对象,它的值应为你的formArray名称。
  • *ngFor 指令用于循环遍历formArray中的每个formControl,并为每个formControl生成一个input元素。
  • let control of yourForm.get('yourFormArray').controls 表示将formArray中的每个formControl赋值给变量control,并使用这个变量在循环中引用每个formControl。
  • let i=index 表示定义一个变量i,并将当前迭代的索引值赋给它。

请注意,你需要根据你的实际情况替换"yourForm"和"yourFormArray"为你的formGroup和formArray的名称。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云基础产品:https://cloud.tencent.com/product
  • 腾讯云云服务器CVM:https://cloud.tencent.com/product/cvm
  • 腾讯云云数据库MySQL版:https://cloud.tencent.com/product/cdb_mysql
  • 腾讯云对象存储COS:https://cloud.tencent.com/product/cos
  • 腾讯云人工智能AI:https://cloud.tencent.com/product/ai
  • 腾讯云物联网套件:https://cloud.tencent.com/product/iot
  • 腾讯云移动开发套件:https://cloud.tencent.com/product/mfc
  • 腾讯云区块链服务:https://cloud.tencent.com/product/bcs
  • 腾讯云游戏多媒体处理:https://cloud.tencent.com/product/pgm
  • 腾讯云音视频处理:https://cloud.tencent.com/product/mps
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券