2017-05-08 57 views
2

我有兩種形式,第一種是父級。 (我提到https://scotch.io/tutorials/how-to-build-nested-model-driven-forms-in-angular-2)嵌套形式嘖嘖。如何在Angular-2中獲得價值Form Group

在現場第一表格字段我推的另一種形式(以實現多個過濾器)

爲:searchForm是我的第一種形式和地址是一個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> 

**我的問題是當我建立我傳遞[組] =「searchForm.controls.addresses.controls [I]所以是有一個辦法reterieve我在第二形式HTML

回答

3

我想你可以把它傳遞給你的地址組件(如你與組辦)使用@Input() decorator

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

而在你的地址組件:?

@Input() 
public index: number; 
+0

非常感謝你的工作。 –