ng-select 中的对象及其属性

我一直在试图弄清楚如何使用数组 if 对象作为 ng-select 指令的键值

这是我想使用的数据

$scope.selectValues [
    {name: "Options 1", value: "11"}, 
    {name: "Options 2", value: "22"}
    {name: "Options 3", value: "33"}
];

我希望输出是

<select>
    <option value="11">Options 1</option>
    <option value="22">Options 2</option>
    <option value="33">Options 3</option>
</select>

谁能解释如何做到这一点？并显示指令设置的示例？我已经查看了文档，但他们没有适合该模型的示例。

ng-options支持基于数组和对象的数据源。例如：

基于数组的数据源：

$scope.options = ["Blue", "Red", "Yellow"]

<select ng-model="selected"
        ng-options="for o in options">

基于对象的数据源：

$scope.options = {
  "Blue": "color_1",
  "Red": "color_2",
  "Green": "color_3"
}

<select ng-model="selected"
        ng-options="name for (name, value) in options">

但是，您对基于数组的选项使用了不兼容的数据结构。你可以这样使用：

<select ng-model="selected"
        ng-options="o.name for o in options">

并将所选值用作selected.value. (selected绑定到数组中的对象之一）。如果您想通过 HTTP 提交表单，这将不起作用，因此在这种情况下您应该将选项转换为上述数据结构之一。

我在这里包含了这三种用法：http://plnkr.co/IEBQkqJNifY5MZWloDP6 http://plnkr.co/IEBQkqJNifY5MZWloDP6

编辑：所以我今天再次查看了文档，找到了使用原始数据结构的方法。

<select ng-model="selected"
        ng-options="o.value as o.name for o in options">

plnkr 也更新了。