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

时间:2018-07-17 09:31:20

标签: angular angular6 ngmodel

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

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

selectedOptions数组的绑定工作正常,但是,有人知道是否有可能以使用者单击的顺序保存所选对象吗? r?

谢谢!

2 个答案:

答案 0 :(得分:2)

使用可以使用

  

(ngModelChange)=“ someFunction(selectedValue)”

用于在选择值更改时发出事件。将选定的值传递给它。然后,您可以将值推入数组。这样,您将获得按点击顺序排列的数组

答案 1 :(得分:1)

您可以使用类似以下的内容。

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

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

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