如何将标题放入下拉列表中？

Question

下拉列表是 white/empty。我想放一个标题，例如 Choose.

illustration

我尝试添加 <optgroup label="Choose">/ </optgroup> 但我希望在用户点击下拉菜单之前输入标题。

如何操作？

<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%">
  <optgroup label="Choose ">
    <option value="Y">Yes</option>
    <option value="N">No</option>
  </optgroup>
</select>

这是 Stackblitz 上的复制品。

谢谢

Answer 1

使用这个 -

<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%" placeholder="Choose">
    <option disabled selected>Choose</option>
    <option value="Y">Yes</option>
    <option value="N">No</option>
</select>

此答案部分复制自this answer answered by gam6itko

Answer 2

<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%" placeholder="Select a value">
  <option selected disabled value="">Select a value</option>
  <option value="Y">Yes</option>
  <option value="N">No</option>
</select>

如何将标题放入下拉列表中？

How to put a title in a drop down list?

html

angular