AngularJS bootstrap Select-Picker默认值
AngularJS bootstrap Select-Picker default value
我正在使用nya-bootsrap-select select picker
html
<link rel="stylesheet" href="resources/lib/selectPicker/silviomoreto-bootstrap-select/dist/css/bootstrap-select.min.css">
<script src="resources/lib/selectPicker/silviomoreto-bootstrap-select/dist/js/bootstrap-select.js"></script>
<script src="resources/lib/selectPicker/ng-selectpicker-master/src/nya-bootstrap-select.js"></script>
<div class="rangeClass">
<label for="selectminutes" > Select Range: </label>
<select class="nya-selectpicker" data-style="btn-info" id="selectminutes"
ng-model="sp"
ng-change="update()"
name="nya-selectpicker"
ng-selected="selected">
<option value="5"> 5 Minutes</option>
<option value="10">10 Minutes</option>
<option value="15">15 Minutes</option>
<option value="20">20 Minutes</option>
<option value="25">25 Minutes</option>
<option value="30">30 Minutes</option>
</select>
</div>
我希望能够有一个默认值,例如“5 分钟”而不是 "Nothing Selected"
有办法吗?我确实尝试将它从库中删除,但它不起作用。
有什么想法吗?
提前致谢!
您可以在 HTML 中执行此操作:
<option value="5" selected="selected">5 Minutes</option>
或者您可以在 jQuery 中执行此操作:
$("select#selectminutes").val("5");
使用这个控制器代码
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope)
{
$scope.sp=5;
});
</script>
我正在使用nya-bootsrap-select select picker
html
<link rel="stylesheet" href="resources/lib/selectPicker/silviomoreto-bootstrap-select/dist/css/bootstrap-select.min.css">
<script src="resources/lib/selectPicker/silviomoreto-bootstrap-select/dist/js/bootstrap-select.js"></script>
<script src="resources/lib/selectPicker/ng-selectpicker-master/src/nya-bootstrap-select.js"></script>
<div class="rangeClass">
<label for="selectminutes" > Select Range: </label>
<select class="nya-selectpicker" data-style="btn-info" id="selectminutes"
ng-model="sp"
ng-change="update()"
name="nya-selectpicker"
ng-selected="selected">
<option value="5"> 5 Minutes</option>
<option value="10">10 Minutes</option>
<option value="15">15 Minutes</option>
<option value="20">20 Minutes</option>
<option value="25">25 Minutes</option>
<option value="30">30 Minutes</option>
</select>
</div>
我希望能够有一个默认值,例如“5 分钟”而不是 "Nothing Selected"
有办法吗?我确实尝试将它从库中删除,但它不起作用。
有什么想法吗?
提前致谢!
您可以在 HTML 中执行此操作:
<option value="5" selected="selected">5 Minutes</option>
或者您可以在 jQuery 中执行此操作:
$("select#selectminutes").val("5");
使用这个控制器代码
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope)
{
$scope.sp=5;
});
</script>