angularjs - 按名称选择并使用 Angular 获取所选项目的 Id

Question

我正在一个使用 HTML 和 Angular 的 MVC 项目中工作。我有一个选择列表，它是根据在输入框中输入的名称来选择的，但我无法获取 ID。

这有效，但我没有得到所选项目的 ID:

<input type="text" ng-model="selectedCountry">
    <select class="form-control" 
    ng-model="selectedCountry" 
    ng-options="country.name as country.name for country in countries">
<option value="">Select Country</option>

这是行不通的，因为我无法通过名称进行选择并获取 ID:

<input type="text" ng-model="selectedCountry">
  <select class="form-control" 
    ng-model="selectedCountry" 
    ng-options="country.id as country.name for country in countries">
<option value="">Select Country</option>

这里是 plunker:Plunker

感谢您的帮助!

Answer 1

<select class="form-control"  data-ng-change="call(country.id)"
        ng-model="country.id" 
        ng-options="country.id as country.name for country in countries">
    <option value="">Select Country</option>
  </select>