2016-03-22 2 views
4

Я пробовал все здесь, но ничего не работает. Я хотел бы установить Yes как выбранный в начале. На данный момент он имеет один пустой вариант, а затем Yes и No.Настройка выбранного элемента в списке

<div class="form-group" ng-class="{ 'has-error' : someForm.aktivan.$invalid && !someForm.active.$pristine }"> 
    <label class="control-label col-sm-2">Jep:</label> 
    <div class="col-sm-10"> 
     <select class="form-control" name="ak" id="ak" ng-model="operater.ak" ng-options="o.value as o.option for o in items" required></select> 
     <p ng-show="someForm.aktivan.$error.required && !someForm.aktivan.$pristine" class="help-block">Change the values</p> 

    </div> 
</div> 

Его получает его от:

$scope.items = [ 
    { 
     value: 1, 
     option: 'Yes' 
    }, 
    { 
     value: 0, 
     option: 'No' 
    } 
]; 
+0

один пустой вариант, что это значит ?? –

+0

@WasiqMuhammad означает, что по умолчанию ничего не выбрано. –

+0

это означает, что он не имеет значения, его пустое пространство – Mark

ответ

2

атрибут опциона value является строкой, так что вам нужно, чтобы убедиться, что value в JSON является строкой, а

$scope.items = [{value:"1", option:'Yes'},{value:"0", option:'No'}]; 

EDIT:

Благодаря замечательному замечанию @ dfsq, все, что вам нужно сделать, это установить значение по умолчанию для ngModel. Либо OR . Вам НЕ нужно менять value предметов в вашем json на строки, оставляйте их такими, какие они есть.

+2

Оригинальная модель была в порядке, не нужно использовать «1» и «0». Просто установите 'ngModel' в' 1' или '0'. – dfsq

+0

@dfsq Вы уверены, что угловые могут указывать между числами и строками при использовании таким образом? –

+0

Да, я уверен. Но не удивляйтесь, попробуйте сами: http://plnkr.co/edit/bj0ZyWVBcKQoKzRIGgO0?p=preview – dfsq

2

Может попробовать

В HTML:

<select class="form-control" ng-model="operater.ak" ng-options="o.value as o.option for o in items" required></select> 

в контроллере:

$scope.operater = {ak : 1}; 
$scope.items = [{value:1, option:'Yes'},{value:0, option:'No'}]; 

PLUNKER DEMO LINK

+2

Выскажет синтаксическую ошибку из-за '{ak = 1};' – dfsq

+0

Это была опечатка, спасибо :) –

0

Попробуйте

 $scope.operater.ak=0 

это установит значение