我正在尝试使用 ng2-nouislider 将范围滑块实现为反应形式。
我想给机会将范围从 1 分割到 100。也许三个范围，第一个是 20，第二个是 50，最后一个是 30。加起来就是 100。用户应该能够添加更多范围并更改它们。
我的项目中有一个响应式表单，我无法更改为模板驱动的表单。
这是我的 ngmodel 变体的堆栈闪电战，它可以像我想要的那样工作：
https://stackblitz.com/edit/ng2-nouislider-with-form-8vbrt4?file=src/app/app.component.html
这是反应式变体的堆栈闪电战：
https://stackblitz.com/edit/ng2-nouislider-with-form-g8zpq4?file=src/app/app.component.html
在本文档中，它说必须销毁 nouislider 组件才能添加新句柄：
https://refreshless.com/nouislider/more/#section-update
但我也通过ngmodel变体中nouislider的destroy方法尝试了它，但没有破坏，它也运行良好。通过 if 条件销毁似乎就足够了。
我的问题是反应形式的变体。如果你试试这个例子并按下加号按钮，你可以看到，添加了句柄，但是重新初始化dom中的滑块后，表单值不正确。
该值似乎只是在短时间内正确，然后数组丢失了最后一个值。 换句话说。如果值是[33,66]，点击按钮后应该是[25,50,75]，这个值只是很短的正确，只有[25,50]。
看来滑块并没有真正销毁并记住起始值的旧数组长度。并在重新初始化后再次覆盖表单值。
所以请.....
这里有人能帮我吗？我在这里的代码中看不到任何错误。 提前致谢 =)