AngularJS bootstrap Select-Picker 默认值

Question

我正在使用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 分钟”而不是“未选择任何内容”

有没有办法做到这一点？我确实尝试将它从库中删除，但它不起作用。

有什么想法吗？

提前谢谢你！

Answer 1

使用这个控制器代码

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

});
</script>

Answer 2

您可以在 HTML 中执行此操作：

<option value="5" selected="selected">5 Minutes</option>

或者您可以在 jQuery 中执行此操作：

$("select#selectminutes").val("5");

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