Question

看一下：

        <label>Business unit</label>
        <select name="BU" class="form-control" [(ngModel)]="interventionForm.DLCODBUN">
            <option *ngFor="let item of buList" >{{item.id}}</option>
        </select>

当我打开相关网页时，选择框会显示默认值（列表的第一个），但这只是一个视图绑定。

here's the image

事实上，如果我继续在应用程序中，与[（ngModel）]绑定的变量将是未定义的。

只有选择框中的选项才会填充interventionForm.DLCODBUN，但我想要使用默认值相同的东西！不奇怪吗？有人知道解决方法吗？

Answer 1

使用component.ts中的默认值指定interventionForm.DLCODBUN。然后它也会出现在选择框中，您将获得component.ts中的值。在从下拉列表中更改某些内容之前，您将无法获得指定的值，因此最佳选项是在component.ts中分配一个默认值。

Answer 2

可能是由于缺少选项标签中的ngValue属性而引起的。

尝试将项目值添加到选项标记中，它可能有用。

<option *ngFor="let item of buList" [ngValue]="item.value">{{item.id}}</option>

NgModel为空，带有select html标签

2 个答案: