Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
35
Radio button change event not triggering for manually set value
posted

I am using Infragistics radio button for my application and recently we have migrated angular from 11 to 17. I am facing one strange issue. Radio button change event is not triggering for first time (manually set) but its working fine if we change it through application side.

I am trying some workaround by subscribing by valuechanges but we have to the pass the event parameter.

Html

       <div class="d-flex align-mode">
          <label class="title pull-left marginType">Mode</label>
          <div class="d-flex flex-column">
            <label class="radio-inline" style="margin-left: 10px">
              <igx-radio name="automaticSubmission"
                         formControlName="automaticSubmission"
                         (change)="onSubmissionModeChange($event)"
                         (click)="onSubmissionModeClick($event)"
                         value="regular"
                         id="regularSubmissionMode"
                         >Regular</igx-radio>
            </label>
          </div>
          <div class="d-flex flex-column marginFifteen">
            <label class="radio-inline ml-5 pl-4">
              <span *ngIf="automaticDisable; else enableAutomatic" (click)="showDisableMessage()">
                <igx-radio [disabled]="true"></igx-radio>
              </span>
              <ng-template #enableAutomatic>
                <igx-radio name="automaticSubmission"
                           formControlName="automaticSubmission"                               
                           (change)="onSubmissionModeChange($event)"
                           (click)="onSubmissionModeClick($event)"
                           value="automatic"
                           id="automaticSubmissionMode">Automatic</igx-radio>
              </ng-template>
              
            </label>
          </div>
        </div>

Typescript

this.submissionForm = this.fb.group({
    automaticSubmission: ''
 });
        
 ngOnInit (): void {
    this.submissionForm.controls.automaticSubmission.setValue('regular');
 }
 
 onSubmissionModeChange (event) {
    alert(event.value);
    this.clearanceSubmissionFacade.setSubmissionMode(event.owner);
 }