在选择中设置所选项目

Setting selected item in select

本文关键字：选项 项目 设置 选择      更新时间：2023-09-26

我在这里尝试了所有东西，但都不起作用。我想在开始时将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'
    }
];

选项的value属性是一个字符串，因此您需要确保json中的value也是一个字符串

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

编辑：

感谢@dfsq的精彩评论，您所要做的就是将默认值设置为ngModel-1或0。您不必将json中项目的value更改为字符串，保持原样。

可以试试

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

插件演示链接

试试这个

     $scope.operater.ak=0

这将设置值

相关文章：