Ufdjrw

Is "upgrade" the right word to use in this context?

Are ETF trackers fundamentally better than individual stocks?

How could a scammer know the apps on my phone / iTunes account?

Knife as defense against stray dogs

What is the significance behind "40 days" that often appears in the Bible?

How difficult is it to simply disable/disengage the MCAS on Boeing 737 Max 8 & 9 Aircraft?

What did “the good wine” (τὸν καλὸν οἶνον) mean in John 2:10?

How to deal with taxi scam when on vacation?

Employee lack of ownership

What is a ^ b and (a & b) << 1?

Why do tuner card drivers fail to build after kernel update to 4.4.0-143-generic?

What is "focus distance lower/upper" and how is it different from depth of field?

Are all passive ability checks floors for active ability checks?

A diagram about partial derivatives of f(x,y)

How to terminate ping <dest> &

How to make healing in an exploration game interesting

Did Ender ever learn that he killed Stilson and/or Bonzo?

What exactly is this small puffer fish doing and how did it manage to accomplish such a feat?

Custom alignment for GeoMarkers

Is there a place to find the pricing for things not mentioned in the PHB? (non-magical)

How could an airship be repaired midflight?

Is it insecure to send a password in a `curl` command?

Can I use USB data pins as a power source?

Brexit - No Deal Rejection

How to reset the value of Formgroup field to null/empty string

-2

After calling the clearFilterForm function, i wanted to reset the value of all the form fields to null/emptystring, all the fields are getting reset to null except lEdit field, lEdit value is days.value, I am using the mat-buttontoggle-group.

days = [
 name: 'All', value: '',
 name: 'Today', value: this.currentDate,
 name: 'Week', value: this.currentWeekStartDate,
 name: 'Month', value: this.monthStartDate
];
ngOninit()
 this.filterForm = this.formBuilder.group(
 came: [''],
 rCode: [''],
 statusFlag: [''],
 lEdit: [''],
 );

clearFilterForm() 
 this.filterForm.reset();

HTML

 <mat-button-toggle-group formControlName="lEdit" #group="matButtonToggleGroup">
 <mat-button-toggle [value]="item.value" *ngFor='let item of days'>
 item.name 
 </mat-button-toggle>
 </mat-button-toggle-group>

After resetting the form am getting the value of the lEdit as an Array object.

lEdit = lEdit: [""]

but i should get the value as

lEdit = "".

I am trying to save the form values to the session storage whenever the form is updated.

this.filterForm.valueChanges.subscribe(form => 
 sessionStorage.setItem('filterForm', JSON.stringify(form).replace(/null/i, """"));
);

But here only the first value in the form is getting changes form null to empty string and not all the values.

angular angular6 angular-reactive-forms form-fields formgroups

share|improve this question

edited Mar 6 at 20:58

Madhu L

asked Mar 5 at 18:25

Madhu LMadhu L

14

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I tried your code, and it works perfectly. Please create a StackBlitz showcasing this issue.
  
  – AJT_82
  Mar 5 at 19:11
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I have updated my question
  
  – Madhu L
  Mar 6 at 20:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Tried the updated code, still works perfectly. When asking a question, please verify that the code you are showing does present your issue. Since what you are showing works well. Easiest way to verify that you have a Minimal, Complete, and Verifiable example and all the code needed to reproduce the issue is to create a StackBlitz.
  
  – AJT_82
  Mar 7 at 18:37
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank You @AJT_82
  
  – Madhu L
  Mar 8 at 13:55
  

  
  
  
  

add a comment | 

-2

After calling the clearFilterForm function, i wanted to reset the value of all the form fields to null/emptystring, all the fields are getting reset to null except lEdit field, lEdit value is days.value, I am using the mat-buttontoggle-group.

days = [
 name: 'All', value: '',
 name: 'Today', value: this.currentDate,
 name: 'Week', value: this.currentWeekStartDate,
 name: 'Month', value: this.monthStartDate
];
ngOninit()
 this.filterForm = this.formBuilder.group(
 came: [''],
 rCode: [''],
 statusFlag: [''],
 lEdit: [''],
 );

clearFilterForm() 
 this.filterForm.reset();

HTML

 <mat-button-toggle-group formControlName="lEdit" #group="matButtonToggleGroup">
 <mat-button-toggle [value]="item.value" *ngFor='let item of days'>
 item.name 
 </mat-button-toggle>
 </mat-button-toggle-group>

After resetting the form am getting the value of the lEdit as an Array object.

lEdit = lEdit: [""]

but i should get the value as

lEdit = "".

I am trying to save the form values to the session storage whenever the form is updated.

this.filterForm.valueChanges.subscribe(form => 
 sessionStorage.setItem('filterForm', JSON.stringify(form).replace(/null/i, """"));
);

But here only the first value in the form is getting changes form null to empty string and not all the values.

angular angular6 angular-reactive-forms form-fields formgroups

share|improve this question

edited Mar 6 at 20:58

Madhu L

asked Mar 5 at 18:25

Madhu LMadhu L

14

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I tried your code, and it works perfectly. Please create a StackBlitz showcasing this issue.
  
  – AJT_82
  Mar 5 at 19:11
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I have updated my question
  
  – Madhu L
  Mar 6 at 20:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Tried the updated code, still works perfectly. When asking a question, please verify that the code you are showing does present your issue. Since what you are showing works well. Easiest way to verify that you have a Minimal, Complete, and Verifiable example and all the code needed to reproduce the issue is to create a StackBlitz.
  
  – AJT_82
  Mar 7 at 18:37
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thank You @AJT_82
  
  – Madhu L
  Mar 8 at 13:55
  

  
  
  
  

add a comment | 

After calling the clearFilterForm function, i wanted to reset the value of all the form fields to null/emptystring, all the fields are getting reset to null except lEdit field, lEdit value is days.value, I am using the mat-buttontoggle-group.

days = [
 name: 'All', value: '',
 name: 'Today', value: this.currentDate,
 name: 'Week', value: this.currentWeekStartDate,
 name: 'Month', value: this.monthStartDate
];
ngOninit()
 this.filterForm = this.formBuilder.group(
 came: [''],
 rCode: [''],
 statusFlag: [''],
 lEdit: [''],
 );

clearFilterForm() 
 this.filterForm.reset();

HTML

 <mat-button-toggle-group formControlName="lEdit" #group="matButtonToggleGroup">
 <mat-button-toggle [value]="item.value" *ngFor='let item of days'>
 item.name 
 </mat-button-toggle>
 </mat-button-toggle-group>

After resetting the form am getting the value of the lEdit as an Array object.

lEdit = lEdit: [""]

but i should get the value as

lEdit = "".

I am trying to save the form values to the session storage whenever the form is updated.

this.filterForm.valueChanges.subscribe(form => 
 sessionStorage.setItem('filterForm', JSON.stringify(form).replace(/null/i, """"));
);

But here only the first value in the form is getting changes form null to empty string and not all the values.

angular angular6 angular-reactive-forms form-fields formgroups

share|improve this question

edited Mar 6 at 20:58

Madhu L

asked Mar 5 at 18:25

Madhu LMadhu L

14

days = [
 name: 'All', value: '',
 name: 'Today', value: this.currentDate,
 name: 'Week', value: this.currentWeekStartDate,
 name: 'Month', value: this.monthStartDate
];
ngOninit()
 this.filterForm = this.formBuilder.group(
 came: [''],
 rCode: [''],
 statusFlag: [''],
 lEdit: [''],
 );

clearFilterForm() 
 this.filterForm.reset();

 <mat-button-toggle-group formControlName="lEdit" #group="matButtonToggleGroup">
 <mat-button-toggle [value]="item.value" *ngFor='let item of days'>
 item.name 
 </mat-button-toggle>
 </mat-button-toggle-group>

lEdit = lEdit: [""]

lEdit = "".

this.filterForm.valueChanges.subscribe(form => 
 sessionStorage.setItem('filterForm', JSON.stringify(form).replace(/null/i, """"));
);

angular angular6 angular-reactive-forms form-fields formgroups

angular angular6 angular-reactive-forms form-fields formgroups

share|improve this question

edited Mar 6 at 20:58

Madhu L

asked Mar 5 at 18:25

Madhu LMadhu L

14

share|improve this question

edited Mar 6 at 20:58

Madhu L

asked Mar 5 at 18:25

Madhu LMadhu L

14

asked Mar 5 at 18:25

Madhu LMadhu L

14

asked Mar 5 at 18:25

Madhu LMadhu L

14