Angularjs de l'interface utilisateur, sélectionnez le menu déroulant sur-sélectionnez la fonction appel en question

Dans mon AngularJS projet, je suis en utilisant la normale sélectionnez le menu déroulant et de faire un appel de fonction à l'aide de ng-un changement qui est parfaitement bien fonctionner. Maintenant, je veux migrer le même menu de l'interface utilisateur, sélectionnez. Mais sur-sélectionnez appel de fonction ne fonctionne pas, j'ai essayé de différentes manières, mais pas de chance. Veuillez trouver mon plnkr

Voici les deux façons j'ai essayé avec de l'interface utilisateur, sélectionnez:

<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>

OriginalL'auteur Madasu K | 2015-02-12

  1. 50

    Ce qui est à comprendre à partir de votre code , vous voulez obtenir de l'élément sélectionné et de faire quelque chose basé sur la sélection , le cas échéant ? puis voir ce

    Ajouter on-select="onSelected($item)" à votre ui-select et dans le contrôleur:

    $scope.onSelected = function (selectedItem) {
  //do selectedItem.PropertyName like selectedItem.Name or selectedItem.Key 
  //whatever property your list has.
}
    Pour moi, la fonction de rappel ne serait pas changer quoi que ce soit, à moins que $item a été transmise comme argument et utilisé dans la fonction. Je crois que c'est parce que le on-select de rappel est appelée avant le ng-model est mis à jour.
    Cela fonctionne pour le multi sélection, mais pour moi dans le cas de la sélection normale, j'ai dû appeler le sur-pour sélectionner la fonction avec $select.paramètre sélectionné.
    Merci, j'ai essayé de trouver un moyen de valider un choix, qui dans mon cas étaient des noms de domaine. Si un domaine non valide est entré, puis je fais un $select.sélectionné.pop() et retourne la valeur false.

    OriginalL'auteur Sunil Vurity