javascript - 下拉值应更改为选定选项而不是默认值 - 角度

Question

我有一个选择下拉菜单。我必须将“选择”显示为默认值。选择一个选项后，显示的值应为选定值。

  <select  #selectedPlanet
  (change)='onOptionsSelected(selectedPlanet.value)'>
    <option selected hidden>Select</option>

    <option *ngFor='let planet of planetsList' [value]="planet.name">{{planet.name}}</option>

  </select>
</div>

但现在发生的事情是，它默认显示“选择”。但是在选择一个选项时，更改后的选项会在 UI 中更改为“选择”。有人可以帮帮我吗

标签： javascripthtmlangulartypescript

Answer 1

<select #selectedPlanet (change)='onOptionsSelected($event.target.value)'>
                                    <option value="0" selected>Select</option>
                                    <option *ngFor="let planet of planetsList let i=index" value="{{planet.name}}">{{planet.name}}</option>
                                
                                </select>