Angular 2 更改 select 中的选项

Question

我有 2 个 select：

 <form name="newDocumentForm">
<label for="companySelect"> Company: </label>
<select name="companySelect" id="companySelect" [(ngModel)]="companySelect" 
 (ngModelChange)="onChange($event)">
  <option [ngValue]="undefined" disabled selected>Select...</option>
  <option *ngFor="let company of companies" [ngValue]="company">{{company.name}}</option>
</select>

<label for="documentTypeSelect"> Type: </label>
<select name="documentTypeSelect" id="documentTypeSelect" 
 [(ngModel)]="documentTypeSelect">
  <option [ngValue]="undefined" disabled selected>Select...</option>
  <option value="aaa">ty</option>
  <option value="bbbb">ew</option>
</select>
</form>

每次我在第一个 select 中更改某些内容时，我应该向 onChange($event) 添加什么以将 documentTypeSelect 选项设置为 "Select..."？像 this.documentTypeSelect = ???

Answer 1

改变

<option [ngValue]="undefined"

到

<option [ngValue]="''"

如果您随后将 companySelect 设置为 ''，将选中此选项

companySelect:string = '';

对于更复杂的场景，另请参阅 Angular 2 Dropdown Options Default Value

Angular 2 更改 select 中的选项

Angular 2 change option in select

typescript

angular2-forms

angular