如何在 Angular-2 中获取 Form Group 的值

Question

我有两个表格第一个是parent。（我引用了https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2）嵌套形式啧啧

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

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

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 .

Answer 1

我猜你可以使用 @Input() decorator?

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

在你的地址部分：

@Input()
public index: number;

如何在 Angular-2 中获取 Form Group 的值

How to get value Form Group in Angular-2

javascript

types

angular2-forms

angular