Angular 6 Reactive Form - how to set conditional value?

Question

I use Angular 6 and Reactive Form in my project. I have a question about how to set a condition, for example if the data is empty then don't convert to date, leave it empty.

this.editForm = this.fb.group(
      {
        firstName: [this.user.firstName, Validators.required],
        lastName: [this.user.lastName, Validators.required],        
        workingDate: [
            moment(this.user.workingDate).format("DD/MM/YYYY"),
          Validators.required
        ], ....
       }

I want to put a conditional like if the this.user.workingDate == "" then leave it empty (if we use moment(), it will display the current date instead)

how to do that ?

thank you i just know that we can use tertinary operators inside array — nightingale2k1
– nightingale2k1, Commented Sep 12, 2018 at 11:59

Antoine V · Accepted Answer · 2018-09-12 09:34:39Z

2

Can you try this :

workingDate: [
          this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : null,
          Validators.required
        ], ....

answered Sep 12, 2018 at 9:34

Antoine V

7,1942 gold badges14 silver badges37 bronze badges

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

Comments

Sivakumar Tadisetti · Accepted Answer · 2018-09-12 09:34:46Z

1

Using the terinary operator, you can set the condition like below

workingDate: [
   (this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : ''), Validators.required
]

Stackblitz example

answered Sep 12, 2018 at 9:34

Sivakumar Tadisetti

5,0617 gold badges39 silver badges62 bronze badges

Comments

Bhumika Barad · Accepted Answer · 2018-09-12 11:05:32Z

0

this.editForm = this.fb.group(
  { workingDate: [this.user.workingDate ? moment(this.user.workingDate).format("DD/MM/YYYY") : null, Validators.required],
    mobileNo: [this.user.mobileNo ? this.user.mobileNo : null, [Validators.maxLength(11), Validators.minLength(10)]]
   }

import * as moment from 'moment'

answered Sep 12, 2018 at 11:05

Bhumika Barad

2192 silver badges8 bronze badges

Collectives™ on Stack Overflow

Angular 6 Reactive Form - how to set conditional value?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related