angular - 根据用户选择顺序保存多个选择的 ngModel 绑定(bind)值

Question

我有以下代码来获取多选组件的选定选项列表。

<select multiple class="custom-select" [(ngModel)]="selectedOptions">
     <option *ngFor="let option of all_options" [value]="option">                  
         {{option.name}}
     </option>
</select>

selectedOptions 数组的绑定(bind)工作正常，但是，有谁知道是否可以按用户点击的顺序保存所选对象？

谢谢!

Answer 1

你可以使用

(ngModelChange)="someFunction(selectedValue)"

用于在选择值更改时发出事件。将选定的值传递给它。然后你可以将值插入一个数组。通过这种方式，您将获得一个按点击顺序排列的数组。