HTML 选择自动选择第一个条目

Question

我有以下代码：

  <select #typ class="input" (change)="changeIndex(typ.value)">
        <option *ngFor="let creation of creationComponent>{{creation.name}}</option>
  </select>

如果我启动应用程序，选择会自动选择第一个选项。但我不想要这样。这是为什么？我该如何解决它？

Answer 1

在这里找到了更好的答案： https ://stackoverflow.com/a/13492609/5039495

我们可以使用selected，disabled并且hidden在默认选项上，这可以被 safari 识别。

<select>
  <option selected disabled hidden></option>
  <option>1</option>
  <option>2</option>
</select>

过时的

诀窍是设置一个空选项display:none。

<select>
  <option style="display:none"></option>
  <option>1</option>
  <option>2</option>
</select>

警告：据其他用户报告，此解决方案在 Safari 和 iOS Safari 中不起作用