在自定义 angular 表单组件中触发更改事件
Fire change event in custom angular form component
在一些教程的帮助下,我实现了一个自定义 Angular2 组件,它使用两个范围输入来实现双范围滑块
除了将两个值绑定到表单元素外,一切正常。
因为我以一种形式多次使用这些组件,所以我需要访问更改事件的事件目标。不幸的是,更改事件仍然绑定到我的组件所依赖的输入。
我在 stackblitz 上做了一些 MWE:https://stackblitz.com/edit/controlvalueaccessorgeneric-c3vzq8
请检查this stackBlitz。
这与您的原始代码不太接近,但我尝试使用 ControlValueAccessor 使其尽可能简单。
这里的技巧是在你的滑块组件中使用一个 for,它负责值,然后传递给父级 component/form。
你不需要知道哪个滑块移动了!
今晚我没有很多时间,但如果您有任何问题,请随时标记我。我很乐意帮助您理解这一点,因为这不是最微不足道的事情。
在一些教程的帮助下,我实现了一个自定义 Angular2 组件,它使用两个范围输入来实现双范围滑块
除了将两个值绑定到表单元素外,一切正常。
因为我以一种形式多次使用这些组件,所以我需要访问更改事件的事件目标。不幸的是,更改事件仍然绑定到我的组件所依赖的输入。
我在 stackblitz 上做了一些 MWE:https://stackblitz.com/edit/controlvalueaccessorgeneric-c3vzq8
请检查this stackBlitz。
这与您的原始代码不太接近,但我尝试使用 ControlValueAccessor 使其尽可能简单。
这里的技巧是在你的滑块组件中使用一个 for,它负责值,然后传递给父级 component/form。
你不需要知道哪个滑块移动了!
今晚我没有很多时间,但如果您有任何问题,请随时标记我。我很乐意帮助您理解这一点,因为这不是最微不足道的事情。