Question

我很惊讶我没有遇到过询问如何指向嵌套在另一个FormGroup中的FormGroup的问题。当您继续以这种方式引用嵌套表单组来访问其中的对象时，它会变成一种讽刺和乏味。

<FromGroup>.controls['FormGroupName'].controls['FormGroupName]...etc.

有没有办法指向打字稿文件中的嵌套表单组，然后使用该新变量代替它的眼睛替代方案？

我尝试了以下内容：

parentForm: FormGroup;
nestedForm: FormGroup;
...
// 1. 
nestedForm = this.parentForm.get('nestedFormName')
// 2. 
nestedForm = this.parentForm.controls['nestedFormName']

上述两个示例都不起作用，因为它返回有关AbstractControls的错误。

Answer 1

我的解决方案范围仅限于打字稿。查看网络和角度网站上的其他示例，它说明了使用＆＃39; formGroupName＆＃39;引用HTML中涉及嵌套formGroup控件的区域。

Answer 2

'AbstractControl'不能分配给'FormGroup'类型。 “AbstractControl”类型中缺少属性“控件”。我的印象是FormGroup，FormControls和FormArray都是抽象控件。

这意味着TypeScript不同意将This is the best out-of-sample score using GridSearchCV: 0.095439. This is the best out-of-sample score WITH weighting using grid_cv: 0.099367. This is the best out-of-sample score WITHOUT weighting using grid_cv: 0.135692.返回的值分配给this.parentForm.get('nestedFormName')类型的变量。原因在错误中说明：自the method return type is AbstractControl起，TypeScript可能无法知道实际返回的是FormGroup。它可以是FormGroup。但它也可能是其他东西（例如FormControl或FormArray）。你知道，但编译器没有。所以你必须告诉编译器，使用类型断言，你知道返回的AbstractControl确实是FormGroup：

FormGroup

举一个更简单的例子，假设你有FruitBasket类，并且要求它将Fruit放在篮子中的某个位置。

你当然可以这样做：

nestedForm = this.parentForm.get('nestedFormName') as FormGroup;

但你不能这样做：

const fruit: Fruit = basket.get(i);

因为TypeScript不知道位置i的水果是香蕉，苹果还是梨。它可以是任何一个。所以，如果你知道香蕉位于i位置，那么你需要告诉TypeScript：

const banana: Banana = basket.get(i);

指向嵌套FormGroup

2 个答案: