new item angularjs ui-select angularjs-bootstrap

item - Angularjs ui-select menú desplegable en función de selección de llamada-problema



ui-select selected value (1)

¿Qué se entiende a partir de su código? ¿Desea obtener el elemento seleccionado y hacer algo en función de la selección? entonces ve esto

Agregue on-select="onSelected($item)" a su ui-select y en el controlador:

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

En mi proyecto AngularJS estoy usando el menú desplegable de selección normal y hago una llamada de función usando ng-change que funciona perfectamente bien. Ahora quiero migrar el mismo menú desplegable a ui-select. Pero la función de llamada de selección no funciona, probé de diferentes maneras pero no tuve suerte. Por favor encuentra mi plnkr

Las siguientes son las dos formas en que lo intenté con 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>