div *ngIf="is_auto===false" is not showing

Posted on by

I have two segments. When ‘Manual’ segment is selected, "is not auto" is not showing but instead showing as "is auto" although the value of {{is_auto}} is false

<ion-segment mode="md" [(ngModel)]="is_auto">
    <ion-segment-button mode="md" [value]="true">
        <ion-label>Auto</ion-label>
    </ion-segment-button>
    <ion-segment-button mode="md" [value]="false">
        <ion-label>Manual</ion-label>
    </ion-segment-button>
</ion-segment>

{{is_auto}}
<div *ngIf="is_auto === false">
    is not auto
</div>
<div *ngIf="is_auto">
    is auto
</div>

When ‘Auto’ segment is selected, output is

true

is auto

When ‘Manual’ segment is selected, output is

false

is auto

I have imported Browser Module and Common Module.

Source: Angular Questions