ng-model is not working in ui-select in angularjs?

Question

ng-model="customer.selected" is not working. It is not showing any customer

<p>Selected: {{customer.selected}}</p>
     <div class="col-md-3">          
       <ui-select ng-model="customer.selected" theme="select2" class="input-md">
        <ui-select-match placeholder="Select a Customer">{{ $select.selected.name }}</ui-select-match>
          <ui-select-choices repeat="customer in customers | propsFilter: {name: $select.search}">
           <div ng-bind-html="customer.name | highlight: $select.search"></div>
          </ui-select-choices>
        </ui-select>
    </div>

Can you share you controller code? Or even better a plnkr of what you've tried? — o4ohel
– o4ohel, Commented Jan 20, 2016 at 9:17

Narendra CM · Accepted Answer · 2016-01-20 09:26:46Z

1

Set the model value to default value in your controller like this and then it should work.

$scope.customer = {};
$scope.customer.selected = {};

answered Jan 20, 2016 at 9:26

Narendra CM

1,4263 gold badges13 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

ng-model is not working in ui-select in angularjs?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related