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

我使用ng-repeat從角度js獲取動態列表。在這裏我的要求是我無法選擇向上和向下箭頭下拉菜單。爲此，我使用Bootstrap選擇選擇器。它在第一次選擇時工作正常，但當嘗試選擇相同的第二次時，它將選擇我選擇的下一個索引。選擇框選擇angularjs中的下一個索引值

例如： -如果我選擇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>

來源

2017-04-18 Maxi

你可以提供您的問題的更詳細的解釋 – mhars

我使用具有角js.when我引導selectpicker首先選擇一個選項正確顯示，下一次選擇下一個選項，即選擇索引1，但顯示索引2值。 – Maxi

嗨嘗試你的代碼和其工作正常即時獲取subapp值，當我選擇除了你的0索引是輸出0. – mhars

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

您需要刷新selectpicker每onchange事件。

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

來源

2017-08-16 13:03:59 Crock

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

回答

相關問題