html - Angular - 选择占位符不显示

Question

这个简单的代码为什么不起作用？我试图在我的选择中使用占位符，但它只是显示为列表中的其他选项之一。

<div *ngFor="let d of formDatiRichiesta" class="form-row">
          <select *ngIf="d.type=='select'" 
                  class="form-control" 
                  name="{{d.name}}" 
                  [(ngModel)]="model[d.name]"
                  required>
            <option selected disabled>{{d.placeholder}}</option>
            <option *ngFor="let b of elencoBanche" value="{{b.id}}">{{b.denominazione}}</option>
          </select>
        </div>

我正在使用 angular4。谢谢。

--编辑--我发现如果我删除 [(ngModel)]="model[d.name]" 一切正常。有什么提示吗？

Answer 1

您必须设置 <option> 的值到模型的值，因为 <select>将使用模型的值作为默认选择。

当模型一开始是undefined的时候可以这样做:

<option value="undefined">Please choose...</option>