ibm-select doesn't follow ngModel

<ibm-select [(ngModel)]=“selected”> doesn’t update the selected option

Detailed description

Describe in detail the issue you’re having.

Using ngModel to initialise selected option for ibm-select doesn’t update the component. I see the issue has been reported previously and marked as resolved for example, https://github.com/IBM/carbon-components-angular/issues/1536

Is this a feature request (new component, new icon), a bug, or a general issue? Bug

Is this issue related to a specific component? ibm-select

What did you expect to happen? What happened instead? What would you like to see changed? change selected option programatically

What browser are you working in? latest Chrome/Safari

What version of the Carbon Design System are you using? “carbon-components”: “^10.31.0”, “carbon-components-angular”: “^4.46.0”,

Steps to reproduce the issue

<div style="width: 165px;">
  <ibm-select [(ngModel)]="selected">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </ibm-select>
  <br />
  <span>Selected: {{ selected }}</span>
</div>

Sandbox https://codesandbox.io/s/carbon-components-angular-forked-0y7q2?file=/src/app/app.component.html:0-275

[Donisius]

@kuroyuki @maksym-plotnikov sorry for the delay and thank you for creating the sandbox, it seems like @ViewChild was not getting the right reference in a production build for the select element. I’ll open a PR soon to fix this.

[maksym-plotnikov]

@Donisius much appreciated for a quick turnaround!