在select中设置所选项目

时间:2016-03-22 10:54:41

标签: javascript angularjs select

我在这里尝试了一切,但没有任何效果。我想在开始时选择Yes。目前它有一个空选项,然后是YesNo

<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'
    }
];

3 个答案:

答案 0 :(得分:2)

选项的value属性是一个字符串,因此您需要确保json中的$scope.items = [{value:"1", option:'Yes'},{value:"0", option:'No'}]; 也是一个字符串

ngModel

修改

感谢@ dfsq的精彩评论,您只需将默认值设置为value - 1 0 。您不必将json中的项WebGridColumn colRequestorEmail= new WebGridColumn(); colRequestorEmail.ColumnName = "RequestorEmail"; colRequestorEmail.Header = "Requestor Email Id"; colRequestorEmail.CanSort = true; colRequestorEmail.Style = "name"; 更改为字符串,保持原样。

答案 1 :(得分: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 :(得分:0)

试试这个

     $scope.operater.ak=0  

这将设置值