Изменение значения одного раскрывающегося списка меняется на значение другого

Question

У меня проблема при изменении значения одного выпадающего списка на ng-change. Он изменит другое значение выпадающего меню, даже если оба идентификатора выпадающего меню отличаются.

Любой знает, почему это происходит?

Ниже мой код:

<select class="form-control" id="Billable{{$index}}" ng-init="invoice.source_item=''" ng-model="invoice.source_item" ng-change="BillableItemDetails(invoice.source_item,$index)"> 
    <option class="ng-binding" value="">Select Billable Item...</option> 
    <option class="ng-binding" ng-repeat="BillableItem in BilableItemsList" value="{{BillableItem.id}}">{{BillableItem.name}}</option> 
</select> 

Answer 1

использовать разные ng-model переменной с различными выпадающего меню

Вот Plnkr

HTML

<select ng-model="dd1_Value" ng-change="changedd(ddValue.key)"> 
    <option ng-repeat="d in dd track by d.id">{{d.name}}</option> 
</select> 

<p>DropDown 1 : {{dd1_Value}}</p> 


<select ng-model="dd2_Value"> 
    <option ng-repeat="d in dd track by d.id">{{d.name}}</option> 
</select> 

<p>DropDown 2 : {{dd2_Value}}</p> 

Контроллер

app.controller('MainCtrl', function($scope) { 

$scope.dd = [ 
    {id:1,name:'a'}, 
    {id:2,name:'b'}, 
    {id:3,name:'c'}, 
    {id:4,name:'d'}, 
    {id:5,name:'e'}, 
    {id:6,name:'f'} 
] 

}); 

Answer 2

Изменить значение ng-model="invoice.source_item" к уникальной переменной области действия для каждого DropDown.