Angular 2 Dynamic Forms field valueChanges event not working correctly

Angular 2 Dynamic Forms field valueChanges event not working correctly

Posted by: jimmy2 on 14 September 2017, 12:04 pm EST

• 

  jimmy2

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:04 pm EST

  I’m using Wijmo with Angular 2 dynamic forms. There seems to be a bug with the MultiSelect field that causes the

  valueChanges

  event to only fire when the first checkbox is checked/unchecked. This is the relevant part in my code:

  this.form.controls['myMultiSelectField'].valueChanges.subscribe(newValue => {
      console.log('MultiSelect value changed');
  });

  In the example above, the console log message is only printed when the first item is checked/unchecked in the MultiSelect, and not for the subsequent ones. I have used

  checkedItemsChanged

  event as a workaround to track these value changes, but it adds a lot of boilerplate to the code and doesn’t seem to be an ideal solution.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 12:04 pm EST

  Hi,
  
  Thanks for reporting the issue. We are able to replicate the issue at our end and it looks like a bug. Hence, this issue has been escalated to the concerned team for further investigation with tracking id 264431.
  
  We will let you know as soon as we get any update on this.

  Thanks,
  
  Manish Kumar Gupta

• 

  umesh.vishwakarma

  • Post Options:
  • Link
    Copy

  Posted 24 October 2017, 2:00 am EST

  Hi Manish,

  Is this issue resolved? Because we are facing the same issue while using Angular 4 reactive forms. This is kind of a show-stopper for us, we are using the build 5.20172.328.

  Thanks,
  
  Umesh