如何在 Angular-2 中获取价值表单组答案

【问题标题】：How to get value Form Group in Angular-2如何在 Angular-2 中获取价值表单组
【发布时间】：2017-10-06 12:49:56
【问题描述】：

我有两种形式，第一种是父母。（我提到了https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2）嵌套形式啧啧。

在一个字段中的第一个表单字段中，我正在推送另一个表单（以实现多个过滤器）

as: searchForm 是我的第一个表单，addresses 是一个表单数组

this.searchForm = this.fb.group({
        addresses: this.fb.array([]),
    });

现在我正在使用另一种表单来根据用户输入推送地址。在第一种形式的 html 中，我将第二种形式的 html 创建为：

<div formArrayName="addresses">
    <div *ngFor="let address of searchForm.controls.addresses.controls; let i=index" class="panel panel-default">
        <div class="panel-heading">
            <span>Filter {{i + 1}}</span>
            <a href="JavaScript:void(0);" *ngIf="searchForm.controls.addresses.controls.length > 1" (click)="removeAddress(i)"><u>Close</u></a>
        </div>
        <div class="panel-body" [formGroupName]="i">
            <address [group]="searchForm.controls.addresses.controls[i]"></address>
        </div>
    </div>
</div>

我的问题是：当我创建 <address> 时，我正在传递 [group]="searchForm.controls.addresses.controls[i] 那么有没有办法以 HTML 的第二种形式检索它。

【问题讨论】：

标签： javascript angular types angular2-forms

【解决方案1】：

我猜你可以使用@Input() decorator 将它传递给你的地址组件（就像你对组所做的那样）？

<address [index]="i" [group]="searchForm.controls.addresses.controls[i]"></address>

在你的地址组件中：

@Input()
public index: number;

【讨论】：