Angular select model not setting value

Question

I have an array of strings, that are account numbers. When a record in a table is clicked i provide a modal to update the record and one of the fields is account number. This displays and some what correctly but seems to loss its two way binding with vm.accountNumber but also does show the value that the model is.

vm.accountNumber always has a value that is set when the table row is being clicked for editing. It just never makes it to the select despite the model. I suspect im losing the two way link and it is creating its own variable for the model.

  <select class="ui search fluid selection dropdown" id="accountSearch" ng-model="vm.accountNumber">
          <!--ng-options="account for account in vm.accounts.slice(1)">-->
          <option ng-repeat="account in vm.accounts | limitTo: vm.accounts.length : 1" value="account" ng-selected="account == vm.accountNumber">{{account}}</option>
  </select>

Here is a snippet of the accounts array. 0:"-" 1:"0001" 2:"0002" 3:"0003" 4:"0004"

Pankaj Parkar · Accepted Answer · 2016-07-15 20:27:29Z

3

I would say just use ng-options directive instead of ng-repeating option

<select class="ui search fluid selection dropdown" 
    id="accountSearch" ng-model="vm.accountNumber"
    ng-options="account for account in vm.accounts">
</select>

Demo Plunkr

Though I'd like to point out your problem was with option value attribute,

you should change

value="account"

to

value="{{account}}"

edited Jul 15, 2016 at 20:27

answered Jul 15, 2016 at 19:41

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

12 Comments

user1552172 Over a year ago

While i agree i like the ng-options, you can see commented out i attempted the options as well and then even tried doing a ng-selected expression. Neither worked. The value didnt change anything but thanks :)

Pankaj Parkar Over a year ago

may I know what is vm.accounts.slice(1)? can you please also add vm.accounts json in question?

user1552172 Over a year ago

That is just skipping the first result which is "-". Updated question with array.

Pankaj Parkar Over a year ago

@user1552172 don't do that slice operation over there. do it on controller side, it will remove one item per digest cycle..and as per your dummy data I can say after 5 digest cycle nothing will be there..

Pankaj Parkar Over a year ago

@user1552172 added plunkr, could you please check it?

|

Collectives™ on Stack Overflow

Angular select model not setting value

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related