如何在 AngularJS 中显示 select 下拉列表中的键

Question

我的 JSON 是：

{
    "_id" : ObjectId("54c2523d581c4c8c218d2392"),
    "aboutUs" : "Demo About Us." 
}

{
    "_id" : ObjectId("54c2523d581c4c8c218d2393"),
    "tutorial" : "Demo Tutorial." 
}

我想在下拉列表中显示"aboutUs"和"tutorial"，select-下拉列表的on-change得到相应的值。

例如，如果我们 select "aboutUs" 那么我们得到 "Demo About Us".

Answer 1

如果这些是您仅有的 2 个选项，那么您应该对它们进行硬编码，因为每个键对于每个对象都是唯一的。

<select ng-model="selectedOption">
  <option value="aboutUs">Demo About Us<option>
  <option value="tutorial">Demo Tutorial<option>
</select>

否则，如果您可以拥有一组不同的选项对象，那么您需要一种不同的方式来表示您的数据。比如像这样：

$scope.selectOptions = [
   { 
      id: 123,
      key: "aboutUs",
      value: "Demo About Us",
   },
   { 
      id: 456,
      key: "tutorial",
      value: "Demo Tutorial",
   },
   // etc...
];

然后，您可以像这样创建 <select>：

<div ng-model="selectedOption"
     ng-option="o.key as o.value for o in selectOptions">
</div>

如何在 AngularJS 中显示 select 下拉列表中的键

How to Show Key in select dropdown in AngularJS

select

angularjs