angularjs - 如何将 ng-options 与字典样式对象一起使用？

Question

我有一个如下所示的数据源:

var options = {
    "A": { name: "Bob", SSN: "111-22-3333" },
    "B": { name: "Sue", SSN: "444-55-6666" }
};

我想使用 ng-options 让用户从上面的选项中选择一个人。

我编写的 HTML 如下所示:

<select ng-model="ctrl.selectedPerson" ng-options="label for (value, label) in ctrl.options"></select>

这导致我能够选择一个选项，但它显示 [object Object] 作为每个选项的选择文本。

我认为问题是我需要指定我想显示选项的名称字段，但我对 ng-options 属性的语法完全感到困惑。

如何将 ng-options 与这个字典式数据源一起使用？

Answer 1

关闭语法 - 它是 value as text for (key, val) in obj - 所以你的将是:

ng-options="label as label.name for (value, label) in ctrl.options"

每个对象的 name 属性将是上面示例中的文本 - 而值是整个对象。