Html 角度-选择不显示的占位符

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

<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>

{{d.placeholder}}
{{b.denominazione}}

我正在使用

angular4

。谢谢

--编辑--

---

我发现，如果我删除[

（ngModel）]=“model[d.name]”

所有功能都可以正常工作。有什么提示吗？

应该是这样的。禁用属性

后

不能将其作为选项

但是您可以添加

hidden

属性来隐藏它：

<option value="" selected disabled hidden>{{d.placeholder}}</option>

{{d.placeholder}

您必须将

的值设置为模型的值，因为

将使用模型的值作为默认选择

当模型在开始时未定义时，您可以这样做：

---

请选择…

简单地添加此选项，它将起作用

<option value="" disabled>Select Category</option>

选择类别

或

选择类别

挑选
拯救
下载

当您未为选项赋值时，将为其赋值，该值与文本相同，并且如果您的选项的值与

ngModel

不匹配，则

ngModel

将清除所选属性。什么是“model”？请参阅

<option [ngValue]="null">Select Category</option>

 <select formControlName="value"  class="form-control"
                    style=" height: 40px">
                      <option [ngValue]="null" selected disabled hidden>Select</option>
                      <option>Save</option>
                      <option>Download</option>

                    </select>