选择Box选择angularjs中的下一个索引值

时间:2017-04-18 15:27:35

标签: javascript angularjs angular-ui-bootstrap

我使用ng-repeat从角度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>

1 个答案:

答案 0 :(得分:0)

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