I recently customized a ui-select plunkr to suit my specific needs. I've noticed that the ng-model is not updating as expected, but interestingly, clicking the button to update the model results in the ui-select getting updated.
Any guidance on resolving this issue would be greatly appreciated!
<h3>Custom Select Theme</h3>
<p>Chosen: {{id}}</p>
<ui-select ng-model="id" theme="customSelect" style="min-width: 300px;">
<ui-select-match placeholder="Choose a person from the list or search for their name/age...">{{$select.selected.email}}</ui-select-match>
<ui-select-choices repeat="person.id as person in people.devs | filter: {email: $select.search, id: $select.search}">
<div ng-bind-html="person.id | highlight: $select.search"></div>
<small>
<span ng-bind-html="''+person.id | highlight: $select.search"></span>
{{person.email}}
</small>
</ui-select-choices>
</ui-select>
<br>
<br>
<br>
<button class="btn btn-primary" ng-click="id = 2">Update Model</button>
<span>(id = 2) </span>