Angularjs: Ui-select ng-click in ui-select-choices

Question

Sto cercando di utilizzare un pulsante di aggiunta all'interno delle opzioni, ma il problema è che ng-clic si attiva ma l'opzione non è selezionata.

<ui-select ng-model="datactrl.newservice.selected" theme="selectize" ng-disabled="disabled" style="width: 100%;"> 
    <ui-select-match placeholder="..."> 
     <span ng-bind-html="$select.selected.name"></span>   
    </ui-select-match> 
    <ui-select-choices repeat="service in data.base_services | filter: $select.search"> 
     <span ng-bind-html="service.name | highlight: $select.search"></span> 

     <!-- HERE NOT --> 
     <a href="" class="pull-right" ng-click="setnewservice()"> 
      <i class="glyphicon glyphicon-plus-sign"></i> 
     </a>  
     <!-- ### --> 

    </ui-select-choices> 
</ui-select>        


<!-- here obviously works --> 
<a href="" class="pull-right" ng-click="setnewservice()"> 
    <i class="glyphicon glyphicon-plus-sign"></i> 
</a> 

posso inviare qualche parametro alla funzione e gestire questo caso anche selezionando il link cliccato di tale indice voce in modo che il modello con prendere il valore corretto, o come nel campione di lavoro sopra portarlo fuori ..

ma come posso gestirlo correttamente, interrompere l'evento, selezionare l'opzione senza inviare l'oggetto o alcuni dei suoi attributi, quindi fare il resto?

$scope.setnewservice = function ($event) { 
    $event.stopPropagation(); 
    // ?? 
} 

Answer 1

Usa ng-cambiamento sul ui-selezionare non ng clic sui ui-select-scelte. Modificare questa:

ng-click="setnewservice() 

a:

ui-select ng-model="datactrl.newservice.selected" theme="selectize" ng-disabled="disabled" style="width: 100%;" ng-change="setnewservice()> 

Answer 2

è possibile aggiungere l'attributo di selezione per il tag in questo modo:

on-select="setnewservice($item, $model)"