В моей программе angularjs projetc я использую выпадающий список нормального выбора и совершу вызов функции с использованием 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>
Что понятно из вашего кода, вы хотите, чтобы этот элемент был выбран и что-то делали на основе выбора, если это так? то см. это
Добавьте on-select="onSelected($item)" в ваш ui-select и в контроллере:
$scope.onSelected = function (selectedItem) {
//do selectedItem.PropertyName like selectedItem.Name or selectedItem.Key
//whatever property your list has.
}