Question

我正在尝试在Angular 6中选择多项选择中的所有选项。我尝试了几种不同的方法，以下是我认为应该可行的方法，但不可行。

.html：

<button (click)="selectAll()">Select All </button><br>
<select [(ngModel)]="selectedOptions" multiple size="3">
  <option *ngFor="let opt of possibleOptions">{{opt}}</option>
</select>

.ts：

selectedOptions = [];
possibleOptions = ["a","b","c","d","e","f"];

selectAll() {
  this.selectedOptions = this.possibleOptions;
}

Stackblitz：https://stackblitz.com/edit/angular-pc1hj4

注意：我知道还有其他组件可以执行多项选择。我试图在不使用其他组件的情况下使它正常工作。

Answer 1

您忘记指定选项的值：

<option *ngFor="let opt of possibleOptions" [value]="opt">{{opt}}</option>

双向数据绑定不适用于Angular 6多重选择

1 个答案: