angular - 下拉列表中的嵌套 ngFor 无法将数据绑定到 angular5 中的 ngModel

Question

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

我有一个地板数组作为地板[];

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

组件.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 绑定，以便下拉列表显示匹配发生的相应数据。

现在它只显示下拉列表中所有内容的未分配（值=“0”）。