Wählen Sie Box aus, um den nächsten Indexwert in angularjs auszuwählen.

Question

Ich erhalte eine dynamische Liste von angular js mit ng-repeat. Hier ist meine Anforderung, ich kann Dropdown mit Pfeil nach oben und unten nicht auswählen. Dafür benutze ich Bootstrap Select Picker. Es funktioniert gut zum ersten Mal wählen, aber wenn versuchen, die selbe zweite Zeit auszuwählen, wählt es den nächsten Index, den ich ausgewählt habe.

zB: - Wenn ich 1 wählen es ist die Auswahl 2.

ich folgendes verwendet diese Funktionalität achive.

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script> 
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" /> 

AngularJS ::

<select class="form-control selectpicker" selectpicker data-live-search="true" ng-model="subapp" ng-change="getSubApplicationDetails(subapp)" > 
      <option class="small-font" value='0'>--seleccionar--</option> 
     <option class="small-font" ng-repeat="subapp in subapplicationList track by $index" data-select-watcher data-last="{{$last}}" value="{{subapp}}" ><a>{{subapp.ID}}-{{subapp.DESCRIPCION}}</a></option> 
    </select> 

Answer 1

$('.selectpicker').selectpicker('refresh'); 

Sie benötigen die selectpicker jedes onchange Ereignis zu aktualisieren.

HTML: -

<select class="form-control selectpicker" selectpicker data-live-search="true" ng-model="subapp" ng-change="getSubApplicationDetails(subapp)" > 
      <option class="small-font" value='0'>--seleccionar--</option> 
     <option class="small-font" ng-repeat="subapp in subapplicationList track by $index" data-select-watcher data-last="{{$last}}" value="{{subapp}}" ><a>{{subapp.ID}}-{{subapp.DESCRIPCION}}</a></option> 
    </select> 

AngularJS: -

function getSubApplicationDetails(value) 
{ 
    $('.selectpicker').selectpicker('refresh'); 
    alert(value); 
    ...... 
    ...... 
}