javascript – 如何从angularjs中的下拉列表中选择一个项目？

如何从angularjs中的下拉列表中选择一个项目,这里我使用的是普通的选择列表,但不是来自对象数组.

如果我使用ng-repeat,那么我可以选择一个,

但是我怎么能这样做呢？

 <select class="form-control" ng-model="range" ng-change="updateRange()">
        <optgroup label="Current">
            <option value="1.1">Today</option>
            <option value="1.2">This Week</option>
            <option value="1.3">This Month</option>
            <option value="1.4">This Quarter</option>
            <option value="1.5">This Year</option>
        </optgroup>
        <optgroup label="PrevIoUs">
            <option value="2.1">Yesterday</option>
            <option value="2.2">PrevIoUs Week</option>
            <option value="2.3">PrevIoUs Month</option>
            <option value="2.4">PrevIoUs Quarter</option>
            <option value="2.5">PrevIoUs Year</option>
        </optgroup>
        <optgroup  label="Custom">
            <option ng-value="3">Custom</option>
        </optgroup>
    </select>

解决方法:

只需为与选项值对应的模型指定值即可

http://plnkr.co/edit/bB4Y8aOufk9UL3oRRHD7?p=preview

app.controller('MainCtrl', function($scope) {
  $scope.range = 2.4
});

（编辑：北几岛）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!