如何在角度下制作0-9下拉菜单?

时间:2015-03-04 14:34:06

标签: javascript html angularjs

这是一个非常新秀的问题 - 但无论如何..制作0-9下拉菜单的最佳方法是什么?换句话说 - 如何制作一个包含值[0,1,2,3 ... 9]的下拉菜单,默认值应为0 ..?

2 个答案:

答案 0 :(得分:0)

为了将来参考,您应该提供一些您尝试过的代码。这是我的解决方案:

的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/

答案 1 :(得分:0)

只需使用ngOptions来定义选择输入的选项:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

相关问题