formControlName gives me a null value - Angular

Question

i keep getting a null value from my reactive form. The field name is "from"

my ts file

  ngOnInit() {
this.createForm = new FormGroup({
  'title': new FormControl(null, [
            Validators.required,
            Validators.maxLength(40)
          ]),
  'message': new FormControl(null, [
            Validators.required,
            Validators.maxLength(130)
          ]),
  'from': new FormControl(null,
            Validators.maxLength(40)
          )
});

}

my form

<form [formGroup]="createForm" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="">Food Item</label>
    <input type="text"
          class="form-control"
          placeholder="Bacon Egg & Cheese Sandwich"
          maxlength="40"
          formControlName="title"
      >
  </div>
  <div class="form-group">
    <label for="">Customer Message to Recepient</label>
    <textarea         
        class="form-control"
        rows="4"
        maxlength="130"
        formControlName="message"></textarea>
  </div>
  <div class="form-group">
      <label for="">Customers Name</label><br>
      <input type="text"
      class="form-control"
      placeholder="Anonymous"
      maxlength="40"
      formControlName="from"
      >
      <small class="text-muted">Leave Blank for Anonymous</small>
  </div>
  <button class="btn btn-success">Create</button>
</form>

in my onSubmit() method, this.createForm.controls['from'].value keeps giving me a null

anyone know what i'm doing wrong?

What you have works fine for me: stackblitz.com/edit/angular-okddew?file=src/app/… — acdcjunior
– acdcjunior, Commented Feb 19, 2018 at 1:13
i found what was wrong. i was expecting an empty string but instead i got null. I was basing my logic on an empty string when i should have based in on null. — Edwin Martinez
– Edwin Martinez, Commented Feb 19, 2018 at 2:59

Edwin Martinez · Accepted Answer · 2018-02-19 03:01:14Z

1

i found what was wrong. i was expecting an empty string but instead i got null. I was basing my logic on an empty string when i should have based in on null.

The reactive form was doing exactly what it was supposed to.

answered Feb 19, 2018 at 3:01

Edwin Martinez

612 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

formControlName gives me a null value - Angular

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