根据用户选择顺序保存多个选择的ngModel绑定值

Posted 2021-04-09

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

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

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

谢谢！

答案

使用可以使用

（ngModelChange）= “someFunction（了selectedValue）”

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

另一答案

你可以使用下面的东西。

<select (change)="onChange($event.target.value)">

然后您可以根据需要实现onChange方法并存储响应。

onChange(Value) {
    this.valuesArray.push(Value); // or do whatever as required
}