javascript - 使用 ng-select 将 Angular 设置选项值作为数组迭代

标签 javascript arrays angularjs

从 Controller :

$scope.form_data = {
    day: 'Day'
};

$scope.days = [
    'Day',1,2,3,4,5,6,7,8,9,10,
    11,12,13,14,15,16,17,18,19,20,
    21,22,23,24,25,26,27,28,29,30,
    31
];

来自 html:

<select ng-model="form_data.day" ng-options="day for day in days"></select>

结果是:

<select ng-options="day as day for day in days" ng-model="form_data.day" class="ng-pristine ng-valid ng-touched">
   <option value="string:Day" label="Day" selected="selected">Day</option>
   <option value="number:1" label="1">1</option>
   <option value="number:2" label="2">2</option>
....
</select>

这很棒..但我无法从文档中弄清楚如何将选项的值设置为数组键,即从上面的示例中,第一个选项的值我需要为0,即第一个位置。在数组中。

这可以通过 ng-options 实现吗?

最佳答案

是的,有可能,你就快到了。

查看这篇文章的第一条回复:Put an index to a model with ng-options for a simple array

您选择的应答器将变为:

<select 
        ng-model="form_data.day" 
        ng-options="days.indexOf(day) as day for day in days"></select>

我写了一个例子:https://jsfiddle.net/w7jdktxn/1/

关于javascript - 使用 ng-select 将 Angular 设置选项值作为数组迭代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31112736/

相关文章:

javascript - JavaScript 中的短路评估 - SyntaxError : Unexpected token 'return'

javascript - 解析 Javascript 中输入的金额

javascript - 如何在带有动态图像的camanJs canvas中产生效果?

python - 在一些预定义的间隔内绘制随机数, `numpy.random.choice()`

c - 在 C 中将整个数组作为一个变量

html - Angular Json 循环

javascript - 如何在文件更改时重新启动 Node 服务器

C - 2D 全局数组 -> 在大小 >4 时遇到段错误

javascript - 分割在 ng-repeat 指令内创建的字符串(ng-model)

javascript - 在嵌套递归指令中将参数传递给父 Controller 方法