2015-09-14 2 views
2

Я использую nya-bootsrap-select select pickerAngularJS Bootstrap 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 минут» вместо «Ничего не выбрано»

enter image description here

есть ли способ сделать это? Я попытался удалить его из библиотеки, но он не работает.

Любые идеи?

Спасибо заранее!

ответ

3

использовать этот контроллер код

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

}); 
</script> 
1

Вы можете сделать это в HTML:

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

Или вы можете сделать это в JQuery:

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

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

+0

Позвольте мне знать, нужно ли вам решение AngularJS для o – Corbin

+0

Привет Corgin Я использую AngularJS, но если html выполняет эту работу, нет необходимости в угловом решении – Margaret

+0

@Paresh Gami предоставил адекватное угловое решение, если вам нужно было это использовать - дайте мне знать, как вы поживаете – Corbin

Смежные вопросы