【发布时间】:2015-03-04 22:42:33
【问题描述】:
这是一个非常菜鸟的问题 - 但无论如何.. 制作 0-9 下拉菜单的最佳方法是什么?换一种说法 - 如何制作一个包含值 [0, 1, 2, 3... 9] 的下拉菜单,默认值应该是 0..?
【问题讨论】:
标签: javascript html angularjs
这是一个非常菜鸟的问题 - 但无论如何.. 制作 0-9 下拉菜单的最佳方法是什么?换一种说法 - 如何制作一个包含值 [0, 1, 2, 3... 9] 的下拉菜单,默认值应该是 0..?
【问题讨论】:
标签: javascript html angularjs
为了将来的参考,您可能应该提供一些您尝试过的代码。这是我的解决方案:
javascript:
$scope.options = [];
for(var x = 0; x < 10; x++){
$scope.options.push(x);
}
$scope.selectedOption = 0;
html
<select data-ng-model="selectedOption" data-ng-options="option as option for option in options"></select>
jsFiddle:http://jsfiddle.net/mujem4zf/
【讨论】:
只需使用ngOptions 来定义您的选择输入的选项:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
<select ng-options="o for o in [0,1,2,3,4,5,6,7,8,9]" ng-model="myValue" ng-init="myValue=0"></select>
<br />Selected value: {{myValue}}
</div>
【讨论】: