Why is my ngModal value getting a string value instead of the boolean value true or false in my html select?

Question

I have the select below and when I change the value my ngModel value comes back with a string, not a boolean

 <select class="form-control" [(ngModel)]="ceModal.isApproved" (ngModelChange)="markDirty()" name="ceIsApproved"> <option [ngValue]=null>None selected</option> <option value=true>Yes</option> <option value=false>No</option> </select>

in ngModelChange I do a simple check to see what 'ceModal.isApprvoed' is and it's "true" and "false" not true and false. How can I keep them as bools?

Answer 1

Using

[ngValue]=true

fixes my issue

Answer 2

Bind to value with square brackets: [value]="false"