How to build the function in typescript in case of checkbox that by default to be not checked?

Question

So I need to create this function:

  buildForm(): void {

    console.log('build form');
    this.notificationForm = this.fb.group({
      appCreated: [],
      appSubmittedReview: [],
      appCancelReview: [],
      appRequestForDeletion: [],
      appDisable: [],
      appReEnable: [],
      appReviewPublished: [],
      appReviewApproved: [],
      appReviewDeleted: [],

    });
  }

All the fields are a checkbox and I want that by default those to be not checked, can anyone help me with creating this buildForm. Thanks in advance

Ghoul Ahmed · Accepted Answer · 2019-06-19 13:41:22Z

1

The field's status depend on the default value of FormBuilder, try this:

  this.notificationForm = this.fb.group({
      appCreated: [true],
      appSubmittedReview: [],
      appCancelReview: [],
      appRequestForDeletion: [],
      appDisable: [true],
      appReEnable: [],
      appReviewPublished: [],
    });

in HTML

   <form [formGroup]="notificationForm" (ngSubmit)="onSubmit()">
         appCreated:  <input type="checkbox" formControlName="appCreated" >
         appSubmittedReview:  <input type="checkbox" formControlName="appSubmittedReview" >
         appCancelReview:  <input type="checkbox" formControlName="appCancelReview" >
         appRequestForDeletion:  <input type="checkbox" formControlName="appRequestForDeletion" >
         appDisable:  <input type="checkbox" formControlName="appDisable" >
         appReEnable:  <input type="checkbox" formControlName="appReEnable" > 
      </form>

Working Demo

edited Jun 19, 2019 at 13:41

answered Jun 19, 2019 at 13:36

Ghoul Ahmed

4,8342 gold badges17 silver badges25 bronze badges

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

2 Comments

Ilia Tapia Over a year ago

I want them to be false if nothing comes from the backend if I selected sth I get what I have set in build form and not the real values, can you help with that

Ilia Tapia Over a year ago

try to add a submit button to check what i mean in html

Paul Mikki · Accepted Answer · 2019-06-19 13:33:36Z

1

use false as a default value

buildForm(): void {

    console.log('build form');
    this.notificationForm = this.fb.group({
      appCreated: false,
      appSubmittedReview: false,
      appCancelReview: false,
      appRequestForDeletion: false,
      appDisable: false,
      appReEnable: false,
      appReviewPublished: false,
      appReviewApproved: false,
      appReviewDeleted: false,

    });
}

answered Jun 19, 2019 at 13:33

Paul Mikki

3032 silver badges12 bronze badges

1 Comment

Ilia Tapia Over a year ago

will this not influenced if in API for example i get some of them true ??

Collectives™ on Stack Overflow

How to build the function in typescript in case of checkbox that by default to be not checked?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related