Angular2 data binding does not work with select dropdown

Question

I am using Angular version 2.0.0. I have a menu with a list of choices, and I want to set the default one explicitly and also if any option is changed, I want to know which one was changed by using two way data binding.

I have this in my html

<select [(ng-model)]="cosResponse.systemSelection.selected" (ng-model-change)="onChange(cosResponse.systemSelection.shouldRefresh)">

but then in the browser, I get this error: Can't bind to 'ng-model' since it isn't a known property of 'select' It isn't a problem with importing FormsModule or ReactiveFormsModule since my other elements like a checkbox, etc work fine with [(ng-model)]. It is only the select that is not working with two way data binding.

Brad · Accepted Answer · 2016-09-19 21:30:03Z

2

You should be using camelCase. E.g.,

<select 
  [(ngModel)]="cosResponse.systemSelection.selected"
  (ngModelChange)="onChange(cosResponse.systemSelection.shouldRefresh)">

See docs.

answered Sep 19, 2016 at 21:30

Brad

5,4681 gold badge36 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

vanval Over a year ago

Oops missed that out.. I guess I copied that over from angular1 docs and didn't realize the typo. Thanks.

Collectives™ on Stack Overflow

Angular2 data binding does not work with select dropdown

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related