angularjs - 在对象中声明的数组上使用 ng-options

Question

在我的控制器中，我有：

 $scope.sizes = {
    things: [
        'one',
        'two'
        ]
}

在我的 HTML 中，我有

  <select ng-options="thing for thing in sizes.things"></select>

生成的组合框没有值。但是，在这种情况下：

 $scope.things = ['one', 'two'];

  <select ng-options="thing for thing in things"></select>

生成的组合框显示“一”、“二”作为其选项。有人可以解释为什么我不能访问 $scope 对象中的数组吗？

Answer 1

您缺少ng-options选择元素 ng-model上的属性。

添加ng-model="thing"让它工作......

<select ng-model="thing" ng-options="thing for thing in sizes.things"></select>

您可以在此处查看一个工作示例。

PS它实际上不适用于数组或对象。添加ng-model属性使两者都起作用。