Trouble with AngularJS ui-select

Question

I am trying to replace an existing select element (a standard drop down list) with the AngularJS ui-select directive. Everything is almost working, except when I choose an option from the list, it does not update the model (it is not detecting what I have chosen).

Here is the code in my partial view:

<ui-select ng-model="shipaddress.selected" theme="bootstrap">
    <ui-select-match placeholder="Enter address or start typing...">
        {{$select.selected.AddressName}}
    </ui-select-match>
    <ui-select-choices repeat="sa in shipaddresses | filter: $select.search">
        {{sa.AddressName}} ({{sa.Street1}})
    </ui-select-choices>
</ui-select>

Here is the code that I am trying to replace:

<select name="shippingAddress" ng-change="setShipAddressAtOrderLevel()" ng-options="address.ID as address.AddressName for address in shipaddresses" ng-model="currentOrder.ShipAddressID" ng-required="!currentOrder.IsMultipleShip()">
 <option value=""></option>
</select>

Also, I have set the below in my controller (empty object):

$scope.shipaddress = {};

Any guidance would be greatly appreciated. Thank you!

I suggest you create runnable codes in plnkr.co or codepen.

Nasser Ghiasi
– Nasser Ghiasi

2016-02-21 20:15:53 +00:00
Commented Feb 21, 2016 at 20:15 — Nasser Ghiasi
– Nasser Ghiasi, Commented Feb 21, 2016 at 20:15

Ragul Parani · Accepted Answer · 2016-09-16 13:07:07Z

1

If you read the documentation of the ui-select you will find the on-select attribute which will call a function. You can use that function to do whatever you are trying to do. For reference you can see the Documentation

answered Sep 16, 2016 at 13:07

Ragul Parani

6217 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Trouble with AngularJS ui-select

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related