如何使用AngularJS从单个选择中获取多个模型值？

Question

我是AngularJS的新手，需要提出一个基本问题。我有一个选择框，用户可以从国家/地区列表中选择一个国家/地区。选择国家/地区后，该值为国家/地区代码。我需要更改此选项，并在选择任何国家/地区时更新国家/地区名称和国家/地区代码。

以下是当前代码：

<select ng-model="model.country_code" ng-options="c.code as c.name for c in countries">

我的要求是，当用户在选择框中选择一些值时，在模型中再设置一个名为country_name的值。

基本上我需要在一次选择中更新两个模型条目。

Answer 1

只需将整个对象分配到ng-model，然后对其进行过滤：

<select ng-model="model.country_code" ng-options="c as c.name for c in countries">