嵌套的ngFor in dropdown无法将数据绑定到angular5中的ngModel

Question

class floor = {
    id: number,
    baseId: number,
    floorChild: [{
            id: number,
            name: string
        }
    ]
};

我有一层地板作为地板[];

我需要将数据floor []的每个元素的id与其floorChild的匹配id绑定，以便在获取数据时显示在下拉列表中。

component.html

<div *ngFor="let floor of floors;let i = index">
<div class="form-group" >
<div class="col-sm-5">
    <label>{{getBaseName(floor.baseId)}}</label>
</div>
<div class="col-sm-5">
<select class="form-control" [(ngModel)]="floors[i].id" name="id">

<option value="0">Unassigned</option>
<option *ngFor="let child of floors[i].floorChild" [value]="child.id"  [selected]="child.id==floors[i].id ? 'selected' : ''">{{child.name}}</option>
</select>
</div>
</div>
</div>

我需要将child.id与floor [i] .id绑定，以便下拉列表显示匹配发生的相应数据。

现在它显示了下拉列表中所有内容的未分配（值=＆＃34; 0＆＃34;）。