在自定义 angular 表单组件中触发更改事件

Fire change event in custom angular form component

在一些教程的帮助下,我实现了一个自定义 Angular2 组件,它使用两个范围输入来实现双范围滑块

除了将两个值绑定到表单元素外,一切正常。

因为我以一种形式多次使用这些组件,所以我需要访问更改事件的事件目标。不幸的是,更改事件仍然绑定到我的组件所依赖的输入。

我在 stackblitz 上做了一些 MWE:https://stackblitz.com/edit/controlvalueaccessorgeneric-c3vzq8

请检查this stackBlitz

这与您的原始代码不太接近,但我尝试使用 ControlValueAccessor 使其尽可能简单。

这里的技巧是在你的滑块组件中使用一个 for,它负责值,然后传递给父级 component/form。

你不需要知道哪个滑块移动了!

今晚我没有很多时间,但如果您有任何问题,请随时标记我。我很乐意帮助您理解这一点,因为这不是最微不足道的事情。