javascript - 如何使用 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">