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

Question

我有以下数组：

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

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

我试了以下方法（Jade）

select(ng-model='myCountry', ng-options='country.name for country in countries track by country.name')

在这里，我的ng模型获取整个对象（myCountry={code："AF"，名称："阿富汗"}），而不仅仅是代码（myCountry="AF"）

有可能那样做吗？

Answer 1

您可以使用：

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

country.code-将用作ng-model属性。

国家。名称-将用于在选择中显示项目。

在这里看到演示。

如果要将选择选项设置为预先选择的值，只需使用国家/地区型号提供该值。