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>

Answer 1

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

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