[Angular] Ix-radio in group stops emitting value changes after being selected once in reactive forms

Siemens iX
1

In ix 3.1.0 (ix-angular 3.1.1), ix-radio inputs stop changing values or emitting said changes after being selected once, given they are part of an ix-radio-group.

Minimal reproducible example:

  1. Create an angular component.
  2. In the HTML, add the following:
  <ix-radio-group>
    <ix-radio formControlName="userClass" label="Beginner" value="BEGINNER"/>
    <ix-radio formControlName="userClass" label="Warrior" value="WARRIOR"/>
    <ix-radio formControlName="userClass" label="Rogue" value="ROGUE"/>
  </ix-radio-group>
  1. In the component ts file, add:
  userForm!: FormGroup;
  ngOnInit() {
    this.userForm = this.formBuilder.group({
      userClass: ['BEGINNER'],
    });

    this.userForm.get('userClass')?.valueChanges.subscribe(value=> console.log(value));
}

Expected: the console will log each value whenever it is clicked when it differs from the currently selected value, regardless of how many times each radio item is selected.

Current: The console logs WARRIOR and ROGUE once, then logs nothing else until page reload.

2

Close the thread to avoid duplicated channels and additional efforts. GitHub issue was already created: [Angular] ix-radios in group stop emitting value changes after being selected once in reactive forms · Issue #1977 · siemens/ix · GitHub

1 Like