嵌套模型 - 角2

Question

我有一個場景，人可以有多個地址。當選擇地址類型完整地址顯示在文本區域時，在下拉菜單中顯示地址類型。

<div *ngFor="let person of persons"> 

    <select [ngModel]="selectedAddress" (ngModelChange)="selectedAddress = $event"> 
    <option *ngFor="let address of person.addresses" [ngValue]="address"> 
     {{address.type}} 
    </option> 
    </select> 

    <textarea [(ngModel)]="selectedAddress.address"></textarea> 

</div> 

每個人都顯示在每個div區塊中。當在一個塊上選擇下拉值時，也會填充其他塊中的文本區域。

當在一個塊上選擇下拉菜單時，應該只在塊內填充文本區域。如何處理這種情況

Answer 1

你必須處理它和所選地址的數組。這個地址是這樣的，其中selectedAddress是一個數組：

<div *ngFor="let person of persons; let i = index"> 
    <select [ngModel]="selectedAddress[i]" (ngModelChange)="selectedAddress[i] = $event"> 
    <option *ngFor="let address of person.addresses" [ngValue]="address"> 
     {{address.type}} 
    </option> 
    </select> 
    <textarea [(ngModel)]="selectedAddress[i].address"></textarea> 
</div>