带有ng-change的angularjs ng-option

Question

我有一个看起来像这样的模型：

{
    id: 1,
    country: {
        code: 'GB',
        name: ''
    }
}

国家/地区代码存储在数据库中，但名称不存在。 但是，还有另一个应用程序需要国家名称而不是代码。...因此，在编辑此模型时，我有一个下拉列表，其中包含具有代码和名称的国家/地区列表。 我像这样设置ng-options：

ng-options="item.code as item.name for item in controller.countries"

我这样做是为了使该国家/地区可以预先填充我当前的代码。 问题是，当有人选择其他国家/地区时，我想设置名称 。 我尝试这样做：

 ng-change="controller.setCodeAndName(controller.model.country, item)"

该方法如下所示：

setCodeAndName: function (model, item) {
    console.log(item);
    model.code = item.value;
    model.fullName = item.description;
},

但是，这不起作用，因为未定义item 。 我知道这是因为项目 （应该是当前选定的项目）尚未传递给方法。 有谁知道一种解决我的问题的方法，以便仅根据代码预先填充一个国家/地区，当它更改时，会将名称添加到对象中？

Answer 1

您还需要在该选择上使用ngModel我也建议您仅使用整个对象作为模型分配-这样您的select最终看起来像：

<select
    ng-model="selectedItem"
    ng-options="item as item.name for item in controller.countries"
    ng-change="controller.setCodeAndName(selectedItem)"
</select>

而你的方法：

setCodeAndName: function (item) {
    console.log(item);
    model.code = item.value;
    model.fullName = item.description;
},