Angularjs ui-select выпадающий при выборе вызов функции

Question

В моем проекте AngularJS я использую обычный выпадающий список select и вызываю функцию, используя ng-change, которая прекрасно работает. Теперь я хочу перенести тот же выпадающий список в ui-select. Но вызов функции on-select не работает, я пробовал разные способы, но не повезло. Пожалуйста, найдите мой PLNKR

Ниже приведены два способа, которые я пробовал с помощью ui-select:

<ui-select ng-model="uiSelectedCustomer" theme="select2" on-select="getDataBasedonCustomer(uiSelectedCustomer)" style="min-width: 300px;">
    <ui-select-match placeholder="Select a customer..">{{$select.selected.name}}</ui-select-match>
    <ui-select-choices repeat="cust in customers | filter: $select.search">
        <div ng-bind-html="cust.name | highlight: $select.search"></div>
    </ui-select-choices>
</ui-select>


<ui-select ng-model="uiSelectedCustomer" theme="select2" on-select="getDataBasedonCustomer(uiSelectedCustomer)" style="min-width: 300px;">
    <match placeholder="Select a customer in the list or search his name ">{{$select.selected.name}}</match>
    <choices repeat="cust in customers | filter: $select.search">
        <div ng-bind-html="cust.name | highlight: $select.search"></div>
    </choices>
</ui-select>

Answer 1

Что вы понимаете из своего кода, хотите ли вы выбрать элемент и сделать что-то на основе выбора, если так? тогда посмотри

добавлять on-select="onSelected($item)" на ваш ui-select и в контроллере:

$scope.onSelected = function (selectedItem) {
  //do selectedItem.PropertyName like selectedItem.Name or selectedItem.Key 
  //whatever property your list has.
}