更改一个下拉列表的值正在改变另一个下拉列表的值

Question

我更改ng-change上一个下拉列表的值时遇到问题。即使两个下拉列ID都不同，它也会改变其他下拉值。

有谁知道它为什么会发生？

以下是我的代码：

<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

使用具有不同下拉列表的不同class="wow rollIn变量

这是Plnkr

<强> HTML

ng-model

<强>控制器

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

Answer 2

将ng-model="invoice.source_item"的值更改为每个DropDown的唯一范围变量。