Ionic Checkbox

Ionic Framework
1

I have created a checkbox in my project. When the app is loaded the initial value of the checkbox is checked. How to make its initial value as unchecked.

2

kindly show me your code

3

try this

<ion-checkbox slot="end" ></ion-checkbox>
<ion-checkbox slot="end" checked="true"></ion-checkbox>
<ion-checkbox slot="end" checked="false"></ion-checkbox>
4

I have tried using checked=“false”,

Untitled
Untitled1366×768 9.35 KB

5

show me your checkbox html code

6

`

DECLARATION FORM 
  <p>
    <ion-checkbox slot="end" checked="false" ngModel name="checking"></ion-checkbox> I hereby declare that, I agree to make payment of my admission.</p>
</ion-row>
<ion-row>
</ion-row>

      <ion-button [disabled]= "!f.value.checking" color="secondary" type="submit" >
        Make Payment
      </ion-button>
    </ion-card-content>
  </ion-card>
</form>

`

7

Assign to the backing model property or FormControl in the controller. You virtually never want anything to do with the checked attribute.

8

remove ngModel attribute in your checkbox

<ion-checkbox slot="end" checked="false"  name="checking"></ion-checkbox>

if this ngModel attribute is mandatory try this example
HTML

<ion-checkbox slot="end" checked="false" [(ngModel)]="checking" name="checking"></ion-checkbox>

ts

 checking = false;
9

It works. But why there is a bug with ngModel?