Angular 5 formgroup列表控件或迭代它们

2024-01-02

我正在使用 Angular 5 和 formgorup 并希望迭代控件,以便创建基于表单的动态组件,表单字段由外部数据服务(数据库等)给出

声明如下

check = new FormGroup({
    firstName : new FormControl(true),
    lastName : new FormControl(false)
  });

I found this https://stackoverflow.com/questions/42235156/angular-2-iterate-over-reactive-form-controls解释如何迭代控件,但它不起作用。我尝试使用:

for(let item of this.check.controls){}

并得到这是 chrome 调试:

无法读取未定义的属性“长度”

我无法访问 this.check.controls.keys 或 keys()

如何迭代键?

Thanks


try use Object.keys获取对象键的方法

Object.keys(this.check.controls); // => ["firstName", "lastName"]

this.check.controls如果要获取对象的键,则为对象键/值对结构{key1:value,key2:value}您可以使用 Object.keys 方法返回包含键的数组['key1','key2']

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 5 formgroup列表控件或迭代它们 的相关文章

随机推荐

  • Spring 5 LDAP 身份验证和 JWT 令牌作为响应

    你好 我一直在尝试配置 spring 让它在用户 通行证通过 LDAP 服务器身份验证时返回 JWT 令牌 考虑下面的用例 在上图中 我已将 WebSecurity 配置为使用 Bearer 检查 过滤请求 请参阅下面的代码 WebSecu
  • 如何因数据绑定的 safeUnbox 警告而导致构建过程失败

    这个问题 https stackoverflow com questions 42872201 data binding safeunbox warning解释什么是 safeUnbox 警告 我的 build gradle 中有以下内容
  • 如何检测触摸事件是否已落在 EditText 内?

    我可以找到 getX 和 getY 都返回一个浮点数 但是如何检测 TouchEvent e get e getY 的坐标是否在 EditText UI 元素的边界内 我注意到 getX 和 getY 是浮点数 但 getHeight 和
  • 使用 Jquery Ajax 和 PHP 的 Google 隐形 Recaptcha

    试图让我的表单使用谷歌隐形验证码与我的 jQuery AJAX 和 PHP 一起正常工作 根据我的研究 令牌似乎没有通过 AJAX 正确发送到我的 PHP 页面 提交表单时 我的 PHP 页面不断收到以下错误 array 2 success
  • nginx 上的 Zend 框架

    我一直在开发的基于 Zend Framework 的站点现在正在迁移到其生产服务器 该服务器原来是 nginx 惊讶 当然 该站点无法正常工作 因为它是在 Apache 上开发的并且依赖于 htaccess 文件 我的问题是 有人有这方面的
  • Android Gallery 的 getView() 返回不正确的位置

    谢谢阅读 我使用 Android Gallery 并将两个 LayoutParams 都设置为 MATCH PARENT 来一次显示一张全屏图像 这是我的代码 布局 xml
  • 从 CSV 文件的字符串列中删除新行

    我有一个包含多个字段的 CSV 文件 很少有字段 字符串 的数据跨越多行 我想将这些多行聚合成一行 输入数据 1 asdsdsdsds John 2 dfdhifdkinf dfjdfgkdnjgknkdjgndkng dkfdkjfnjd
  • 如何修复 Bower ECMDERR

    我在 Windows 7 上使用 yeoman 和 bower 但在创建应用程序时出现以下错误 yo webapp 错误是 bower not cached git github com jlong sass bootstrap git 3
  • 正则表达式删除一个空格

    删除一个空格的正则表达式是什么 例如 H e l l o W o r l d gt Hello World 请注意 Hello World 之间仍然有一个空格 一开始它之间就有两个空格 仅供参考 我正在使用 C 正则表达式 以前我做过类似的
  • UILabel视图在高度大于8192时消失

    将大字符串分配给 UILabel 并且 将此标签添加到滚动视图中 当 UILabel 高度大于 8192pt 即 2 13 时 UILabel 消失 这是 iOS 的错误吗 我应该使用其他实现来渲染如此数量的字符串吗 我应该将表格视图与单元
  • 使用ActiveRecord实现Rails中的复杂关系

    From 另一个问题 https stackoverflow com questions 27342419 generate a rails model from within code invoke generator from a co
  • C 中的 MIN 和 MAX

    在哪MIN and MAX如果有的话 是在 C 中定义的吗 实现这些的最佳方法是什么 尽可能通用并安全地输入 首选主流编译器的编译器扩展 内置函数 在哪MIN and MAX如果有的话 是在 C 中定义的吗 他们不是 实现这些的最佳方法是什
  • 确定可执行文件(或库)是 32 位还是 64 位(在 Windows 上)

    我试图查明给定的可执行文件 或库 是否是从 Python 编译为 32 位或 64 位的 我正在运行 Vista 64 位 并且想确定目录中的某个应用程序是针对 32 位还是 64 位进行编译 有没有一种简单的方法可以仅使用标准 Pytho
  • 在 Swift 中智能搜索解析用户名不起作用

    我试图在我的 iOS 应用程序中进行智能搜索 以便当用户在 UISearchBar 中键入字符时 结果会自动在搜索栏下方的表格视图中更新 由于某种原因 当我在搜索栏中输入字符时 不会调用带有 textDidChange 的 searchBa
  • 评论缩进在 clojure 模式下似乎很混乱

    在 clojure 模式下 emacs 用 5 个选项卡缩进我的分号注释 即使它是空文件中的第一行也会发生这种情况 例如 只需打开一个 clojure 文件 输入 在第一个字符处并按 Tab 键 我使用的是1 7 1版本 这是正常行为 在您
  • Android:无法确保目录

    我一直在使用 Environment getExternalStorage 来存储和管理文件 并且没有任何警告消息logcat用这种方法并且效果很好 但是 我的项目需要使用方法 Context getExternalFilesDir Str
  • Java 8 中 HashMap 哈希函数的更改

    在 java 8 java util Hashmap 中我注意到一个变化from http grepcode com file repository grepcode com java root jdk openjdk 7 b147 jav
  • Java:前缀 - 后缀问题

    我在使用前缀和后缀运算符对数字执行减法时遇到一个小问题 这是我的程序 public class postfixprefix public static void main String args int a 5 int b b a a Sy
  • 将换行符分隔的 JSON blob 的整个文件读取到内存中,并在 golang 中以最少的转换量解组每个 blob?

    我是新手 所以对语言特定的结构不太了解 我的用例是首先将包含以换行符分隔的 JSON blob 的输入文件读入内存 从这个 JSON 源的 数组 中 我想解组每个数组元素以在 golang 中处理它 预期的结构映射已经定义 我通常喜欢一次阅
  • Angular 5 formgroup列表控件或迭代它们

    我正在使用 Angular 5 和 formgorup 并希望迭代控件 以便创建基于表单的动态组件 表单字段由外部数据服务 数据库等 给出 声明如下 check new FormGroup firstName new FormControl