首页 文章

选择中的Angular 2更改选项

提问于
浏览
0

我有2个选择:

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

每当我在第一个选择中更改某些内容时,我应该在onChange($ event)中添加什么来将documentTypeSelect选项设置为“Select ...”?像this.documentTypeSelect = ???

1 回答

  • 1

    更改

    <option [ngValue]="undefined"
    

    <option [ngValue]="''"
    

    如果您将 companySelect 设置为 '' ,则将选择此选项

    companySelect:string = '';
    

    有关更复杂的方案,另请参阅Angular 2 Dropdown Options Default Value

相关问题