Javascript 绑定ng选项数组的一个属性

我有以下数组：

[{code: "AF", name: "Afghanistan"}, {code: "ZA", name: "South Africa"}, {code: "AL", name: "Albania"}]

我有一个select，只想在所选对象的code属性上绑定ng模型，而不是整个对象。但另一方面，我希望我的select只显示名称（而不是代码）。此外，我希望如果我将ng模型设置为代码，它将在选择中预先选择名称

我试了以下方法（Jade）

在这里，我的ng模型获取整个对象（myCountry={code:“AF”，name:“Afghanistan”}），而不仅仅是代码（myCountry=“AF”）

可以这样做吗？

您可以使用：

  <div>
    <select ng-model="country" ng-options="country.code as country.name for country in countries"></select>
    Selected country (ng-model): {{country}}
  </div>

选定国家（ng模式）：{{country}

country.code

-将用作

ng model

属性

country.name

-将用于在选择中显示项目

---

如果您想将选择选项设置为预先选择的值，只需使用

国家

模型提供值。

谢谢……但我忘了说选择需要按数组索引排序。你能简单地加上这句话吗？第二句和第三句话很精彩。可能是重复的

  <div>
    <select ng-model="country" ng-options="country.code as country.name for country in countries"></select>
    Selected country (ng-model): {{country}}
  </div>