how to detect formly toggle field type is disabled?

Question

I have a formly form with toggle field, I would like to detect when the user clicks on the toggle to disable it. here is what I have done so far:

        fields: {
          key: myToggle,
          id: myToggle,
          templateOptions:{
             label: myToggle
          }
          hooks:{
            onInit: (field) =>{
            field.formControl?.valueChanges.pipe(
              filter(e=>
                 e['property'] === 'model.myToggle' && e['type'] === 'expressionChanges'
                  ),
              tap(performAction)
             )
          }
        }
    }

I also tried this solution in the ngOnInit() method:

    this.form.valueChanges.pipe(
       takeUntilDestroyed(this.destroyRef)
       ).subscribe(() =>{
         perFormMyActionWhenFalseValueIsDetected();
    }

With the second solution, the method is called as times as the form field number. If I have 3 fields, the method will be called 3 times. How can you do specifically detect the event toggle field is set to false?

Naren Murali · Accepted Answer · 2025-08-07 04:04:24Z

0

You have to get that particular control then listen for valueChanges.

You can also add a debounceTime to reduce the number of events.

this.form?.get('<form control name>')?.valueChanges.pipe(
   debounceTime(500),
   takeUntilDestroyed(this.destroyRef)
).subscribe(() => {
  perFormMyActionWhenFalseValueIsDetected();
});

answered Aug 7 at 4:04

Naren Murali

66.2k6 gold badges51 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to detect formly toggle field type is disabled?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related