名前で選択し、選択したアイテムのIDを角度で取得する

Question

私は、HTMLと角度のある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

2つ目のシナリオが動作するためには、あなたがこのようなあなたのコントローラに国のIDを取得する必要があります：

$scope.selectedCountry = $scope.countries.find(function(country) { 
    return country.name === "Italy"; 
    }).id; 

Answer 2

この

HTML

<input type="text" ng-model="selectedCountryId"> 
    <select class="form-control" ng-model="selectedCountryId"> 
    <option ng-repeat="country in countries" value="{{country.id}}">{{country.name}}</option> 
</select> 
<div>selected country id: {{selectedCountryId}} </div> 

を試してみてくださいコントローラ内追加$scope.selectedCountryId = "";

は、それが

と

$scope.selectedCountry = {}; 

あなたのJavaScriptで、あなたのHTMLで

Answer 3

それとも

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

    </select> 

を役に立てば幸い

Answer 4

<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> 

Answer 5

私はモデルの異なるキーを使用している別の選択で同じモデルを使用するとは考えられません。

私は両方のモデルに名前を使用して、配列からIDを取得して行くだろう：右である

$scope.getId = function(){ 
    var co = $scope.countries.filter(function (el) { return el.name == $scope.selectedCountry }); 
     if(typeof co !== 'undefined' && co.length > 0){ 
     $scope.selectedId =co[0].id; 
     }else{ 
     $scope.selectedId = null; 
     } 
    }; 

plunker here