Nb-option with value of 0 is not being selected

[shpongly]

HI,
I'm using reactive forms along with nb-select and nb-options that are being filled from a list. My list is:

tokenTypesList = [
{key:0, value: "aaa"},
{key:1, value: "bbb"},
{key:2, value: "ccc"}
]
this is how the select is defined in my html:

nb-select id="ddlTokenType" name="tokenType" [(ngModel)]="obj.TokenType" formControlName="tokenType" status="primary"><nb-option *ngFor="let tokenTypeItem of tokenTypesList" [value]="tokenTypeItem.key">
{{tokenTypeItem.value}}
<//nb-option><//nb-select>

on component init i'm loading an obj from db and attached it to the form. if the obj.TokenType is 0 then nothing is selected in the select. Any other values (i.e. 1 and 2 or even1234) are working as expected as I can see the value in the select.

Is this a bug? or maybe I'm doing somwthing wrong..

[yassernasc]

i tried the code:

import { Component } from "@angular/core";

@Component({
  selector: "nb-select-showcase",
  templateUrl: "./select-showcase.component.html"
})
export class SelectShowcaseComponent {
  selectedItem = 0;
}

<nb-card size="small">
  <nb-card-body>
    <nb-select placeholder="Select Showcase" [(selected)]="selectedItem">
      <nb-option [value]="">Option empty</nb-option>
      <nb-option [value]="0">Option 0</nb-option>
      <nb-option [value]="1">Option 1</nb-option>
      <nb-option [value]="2">Option 2</nb-option>
      <nb-option [value]="3">Option 3</nb-option>
      <nb-option [value]="4">Option 4</nb-option>
    </nb-select>
  </nb-card-body>
</nb-card>

and it seems to work just fine.

[yggg]

@shpongly What is the Nebular version you using? It should work fine in version 3.6 and above.

[shpongly]

@yggg - I'm using the latest version (4.4.0)
@yasserN - I don't have the an empty option value as in your list of options. this could be the problem?

[yggg]

I just noticed you using formControlName and ngModel on the same form control. Probably, that's the issue. There is a deprecation warning in the browser console when you try to do so:

I don't see any issues when using reactive forms directives with select. See stackblitz example.

[jagabs]

hi, when formControlName is loaded first then the list the nb-select wont select the item. Can you help me check? ive made an issue #2168 @yggg

im using formControlName and not selected. Maybe im doing it wrong?