1
请在这里帮我。我有个问题。我正在使用引导选择选择器选择框。它是第一次完美地选择。但问题是第二次选择。第二次选择下一个索引值。Bootstrap Selectpicker不能使用angularjs
例如: - 如果我第二次选择C.这将选择d
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<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" />
<div ng-app="myapp" ng-controller="FirstCtrl">
<select class="form-control nya-selectpicker selectpicker" name="subapp1"
data-live-search="true" ng-model="subappID" ng-
ng-options="subapp.ID as subapp.DESCRIPCION for subapp in subapplicationList"
data-select-watcher data-last="{{$last}}" >
</select>
</div>
var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
$scope.subapplicationList = [
{"ID" : 9 ,"DESCRIPCION" : "a" },
{"ID" : 1 ,"DESCRIPCION" : "b" },
{"ID" : 2 ,"DESCRIPCION" : "c" },
{"ID" : 3 ,"DESCRIPCION" : "d" },
{"ID" : 4 ,"DESCRIPCION" : "e" },
{"ID" : 5 ,"DESCRIPCION" : "f" },
{"ID" : 6 ,"DESCRIPCION" : "g" },
{"ID" : 7 ,"DESCRIPCION" : "h" },
{"ID" : 8 ,"DESCRIPCION" : "i" }
];
});
myapp.directive('selectWatcher', function ($timeout) {
return {
link: function (scope, element, attr) {
var last = attr.last;
if (last === "true") {
$timeout(function() {
$(element).parent().selectpicker('val', 1);
$(element).parent().selectpicker('refresh');
});
}
}
};
});
我使用以下版本的自举选/1.10.0/js/bootstrap-select.min.js
请帮忙。
拉夫塔瓦,非常感谢你。我注意到,我只是没有添加这一行。 现在它正在工作。我感谢您的帮助。 – Shiva1281969