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>