Search code examples
angularjstwitter-bootstrapbootstrap-select

AngularJS bootstrap Select-Picker default value

I am using 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>

I want to be able to have a default value for example "5 Minutes" instead of "Nothing Selected"

enter image description here

Is there a way to do that? I did try to remove it from library but it's not working.

Any ideas?

Thank you in advance!

Solution

  • use this controller code

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

});
</script>