選擇框在angularjs中選擇下一個索引值

Question

我正在使用ng-repeat從angular js獲取動態列表。 在這里，我的要求是我無法使用上下箭頭選擇下拉菜單。 為此，我正在使用Bootstrap選擇選擇器。 第一次選擇它工作正常，但是第二次嘗試選擇相同的選擇時，它正在選擇我選擇的下一個索引。

例如：-如果我選擇1，則選擇2。

我使用以下內容來實現此功能。

    <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');

您需要在每個onchange事件中刷新selectpicker。

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);
    ......
    ......
}