AngularJS bootstrap Select-Picker默认值

时间:2015-09-14 08:29:28

标签: angularjs twitter-bootstrap bootstrap-select

我正在使用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>

我希望能够拥有一个默认值,例如&#34; 5分钟&#34;而不是&#34;没有选择&#34;

enter image description here

有办法吗?我确实尝试将其从库中删除但它无法正常工作。

有什么想法吗?

提前谢谢!

1 个答案:

答案 0 :(得分:3)

使用此控制器代码

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

});
</script>