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

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

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

挑选
{{planet.name}

但现在发生的是，它显示“select”作为默认值。但在选择一个选项时，更改后的选项在UI中变为“选择”。有人能帮我吗

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

挑选
{{planet.name}

请包含所选选项的代码片段