Question

我在点击按钮时尝试重置选项值。我无法找到任何解决方案。我有一个组件，我正在使用此代码：

 <select class='select-option' required [(ngModel)]='optionSelected' (ngModelChange)="toNumber()">
      <option [ngValue]="undefined" disabled  selected> Please select one option </option>
      <option *ngFor='let option of options' [ngValue]="option">{{option}}</option>
  </select>

在我的班级里面，我正在使用这段代码：

options = ["Bar", "Pie", "Area"];

调用循环内的选项。我在按钮事件上使用此代码：

appendToContainer(){
  // logic 
  this.options  == null
 }

我该怎么做才能使其成为默认值或为空

Answer 1

你的逻辑是正确的，但实施是错误的：

appendToContainer(){
    // logic 
    this.options == null; // ==> WRONG expression
    this.options = []; // ==> CORRECT
}

Answer 2

尝试一下：

appendToContainer(){
  // logic 
  this.options.value  == this.options.options.first;//if the first options is 'Select'
}

Angular 6重置选择选项onclick

2 个答案: