Angular 使用多个滑块时，通过（更改）特定滑块获取滑块值

我在一个组件中有多个滑块，我正在使用

nouislider

<nouislider [connect]="true"  [(ngModel)]="someValue" 
[config]="someKeyboardConfig" (change)="saveRange($event)"></nouislider>

<nouislider [connect]="true"   [(ngModel)]="someValue1" 
[config]="someKeyboardConfig" (change)="saveRange($event)"></nouislider>

我在（改变）上得到了值，`但不知道它是哪个滑块值，我在一个页面中有7个这样的滑块。如何知道它是哪个滑块值。 获得滑块范围后，我想将其写入json文件

---

请给我推荐一条路。

您在这里有多种选择：

1.将属性与事件一起传递给方法。这可能如下所示： HTML:

2.只需使用两种方法 HTML:

saveRange(value) {
    console.log('Value changed to', value);
  }

<nouislider [connect]="true"  [(ngModel)]="someValue" 
[config]="someKeyboardConfig" (change)="saveRange('first', $event)">     
</nouislider>

<nouislider [connect]="true"   [(ngModel)]="someValue1" 
[config]="someKeyboardConfig" (change)="saveRange('second', $event)">    
</nouislider>

saveRange(slider, value) {
   console.log('Value of ' + slider + ' slider changed to', value);
}

<nouislider [connect]="true"  [(ngModel)]="someValue" 
[config]="someKeyboardConfig" (change)="saveSecondRange($event)">     
</nouislider>

<nouislider [connect]="true"   [(ngModel)]="someValue1" 
[config]="someKeyboardConfig" (change)="saveFirstRange($event)">    
</nouislider>

saveFirstRange(value) {
   console.log('Value of first slider changed to', value);
}
saveSecondRange(value) {
   console.log('Value of second slider changed to', value);
}