使用多维数组使用 ng-option 设置选项的值和文本

Using multidimensional array to set value and text of options using ng-option

本文关键字:文本 选项 ng-option 数组 设置      更新时间:2023-09-26

对于客户组选择器,我希望选项值是多维数组的测试[i][1],而要测试的选项的文本[i][0]是数组的。我应该如何更改 ng 选项?

例如,如果二维数组由 [1,7]、[2,8]、[3,9] 个元素组成。我希望它变成<option value="1">7</option>

            <select ng-model = "selectedGroup" class = "customergroup" ng-options = "val[][0] for val in cgOptions() track by val[][1]">
                <option value = "">Select</option>
            </select>

另外,附带说明一下,以后是否可以使用exampleFunction(cgOptions)之类的东西将函数cgOptions传递给另一个函数的参数?

$scope.cgOptions = function () {
 var test = [];
 for (var i = 0; i < 4; i++) {
    test[i][0] = i;
    test[i][1] = i+10;
 }
 return test;};

提前谢谢你!

ng-options中,当你执行val in array时,val成为数组的每个元素。因此,您需要val[0]

值,val[1]显示:
<select ng-model="selectedGroup"
        ng-options="val[0] as val[1] for val in cgOptions()">
   <option value="">select</option>
</select>

另外,请记住,cgOptions()函数应该为每次迭代初始化数组。

for (var i = 0; i < 4; i++) {
    test[i] = []; // initialize the array first
    test[i][0] = i;
    test[i][1] = i+10;
 }