时间戳

首页 > 解决方案 > 角反应形式，多选选项不显示第一个“选定的禁用”选项

angular - 角反应形式，多选选项不显示第一个“选定的禁用”选项

问题描述

我试图让我的领域在 angular 6 反应形式上正常工作，

问题是第一个选项（选定的禁用选项）在启动时没有显示为第一个（它显示了来自选项的选项*ngFor），我认为主要问题是由多选选项属性引起的，即使是它不是作为多选选项启动，而是作为一个简单的选择选项启动（它通过不同的输入更改为多选选项）

这是我的代码：

  <div class="form-group">
    <label for="cakes" class="sr-only">Select from existing</label>
    <select  formControlName="cakes" name="cakes" [multiple]="form.value.amount > 1" class="form-control">
      <option  value="null" disabled selected>Select {{form.value.amount}}</option>
      <option *ngFor="let cake of cakes" [value]="cake.id">{{cake.name}}</option>
    </select>
  </div>

标签： angularhtml-selectangular-reactive-formsmultipleselection

解决方案

请将第一个选择选项的默认值设置为“”。

像下面

<option value="">--- Select ---</option>

推荐阅读