Angular ng-option：迭代一个数字数组以显示另一个数组的内容，但在 ng-model 中选择了索引

Question

我想要一个显示字符串数组项的下拉列表。我还想将下拉列表中所选项目的索引作为 ng-model。

我知道我没有给出最好的描述，所以我写下我能做什么。

HTML

<select ng-model="chosenPropertyIndex"
                 ng-options="arrayProperties.PropertyNames[idx] for idx in [0,1,2,3,4,5]"
        ></select>

控制器

 $scope.chosenPropertyIndex = 0;

 $scope.arrayProperties = [
    "Property A",
    "Property B",
    "Property C",
    "Property D",
    "Property E",
    "Property F"
 ];

请问您有办法做类似的事情吗？

Answer 1

试试这个：

<select ng-model="chosenPropertyIndex" ng-options="arrayProperties.indexOf(prop) as prop for prop in arrayProperties"></select>

http://jsfiddle.net/680x5grc/

Angular ng-option：迭代一个数字数组以显示另一个数组的内容，但在 ng-model 中选择了索引

Angular ng-option: iterate over a number array for displaying content of an other array but having index chosen in ng-model

javascript

angularjs

arrays

ng-options