typescript - Angular6 - 使用名称获取嵌套 FormGroup

Question

我有嵌套表单组

address = new FormGroup({
'com.complex.Address':new FormGroup({
            city: cityControl,
            streetName: streetNameControl,
            houseNumberAddition: houseNumberAdditionControl,
            houseNumber: houseNumberControl,
            postcode: postcodeControl
          })
});

我想找到嵌套的表单组，即“com.complex.Address”。

我已经尝试过了

this.form.get('address').get('com.complex.Address');

但它总是返回 Null 值。

现在，如果我将嵌套表单组(即“com.complex.Address”)更改为“test”等任何其他名称并执行 this.form.get('address').get('test') ;它实际上返回了我想要的值。

但重点是我无法更改嵌套名称，它会包含一些特殊字符。

我怎样才能转义字符并使用我想要的表单组？

Answer 1

查看 .get() 的角度代码，它使用“.”作为分隔符来创建路径数组。

我看不到任何解决方案来通过它。无论如何你可以使用:

(<FormGroup>this.form.get('address')).controls['com.complex.Address'];