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

http://jsfiddle.net/EwDuj/1163/

使用这个控制器代码

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) 
{
    $scope.sp=5;

});
</script>