我终于开始在我的angular 9项目中使nouislider工作。现在的问题是，当滑块值更改时，我想更新一个字段（因此，当用户移动滑块时，我想在屏幕上显示新值）。这些事件有问题，我不确定这是什么。
noUiSlider.create(this.theHtmlElement, {
start: [3000],
step: 1,
connect: [true, false],
range: {
'min': [0],
'max': [10000]
}
});
this.theHtmlElement.noUiSlider.on('update', this.valueChanged());
...
valueChanged() {
console.log(this.theHtmlElement.noUiSlider.get());
}
我得到的错误是：
ERROR TypeError: Cannot read property 'call' of undefined
at nouislider.js:2082
at Array.forEach (<anonymous>)
at nouislider.js:2081
at Array.forEach (<anonymous>)
at fireEvent (nouislider.js:2077)
at nouislider.js:2055
at Array.forEach (<anonymous>)
at Object.bindEvent [as on] (nouislider.js:2054)
at AddCreditPageComponent.ngAfterViewInit (add-credit-page.component.ts:65)
at callProviderLifecycles (core.js:33986)
该事件似乎第一次起作用，我在控制台中看到了初始值，但随后出现了错误！然后没有其他工作。我进行了一次遍历，似乎还有第二个未定义的范围事件！不知道它是什么，它是从哪里来的，可能就是那引起了问题。我不确定如何解决。
要绑定一个事件，您必须传入一个匿名函数（在其他可能性中）。
this.theHtmlElement.noUiSlider.on('update', () => this.valueChanged());
要么
this.theHtmlElement.noUiSlider.on('update', this.valueChanged.bind(this));
要么
this.theHtmlElement.noUiSlider.on('update', this.valueChanged);
readonly valueChanged = () => {
console.log(this.theHtmlElement.noUiSlider.get());
};
您如何立即执行该this.valueChanged()方法，该方法返回undefined。然后尝试将其绑定undefined到update事件处理程序，这将导致您看到的错误
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句