Angular 下拉 ng-change 事件

Question

我在 ng-repeat 中有一个 angular 下拉列表 cmbAll 和 cmbFruit 列表。我想当我更改 cmbFruit [i] 上的 cmbAll 选定值时也会更改。但是在加载时 cmbAll 填充了 -1 indexselected 和 cmbFruit [i] 及其特定的 indexex。下面是代码。请提出建议。

<select id="cmbAll"  tabindex="" title="" ng-change="onChange()">
                                <option value="">-Select One-</option>
                                <option value="1">Apple</option>
                                <option value="2">Banana</option>
                                <option value="3">Mango</option>
                                <option value="4">Papaya</option>
                                <option value="5">Pear</option>
  </select>
   <div data-ng-repeat="x in InfoList">
     <select id="cmbFruit" name="cmbFruit" ng-model="x.Name"
       ng-options="c.Value as c.Text    for c in x.List"></select>

   </div>

onchange()

的代码应该是什么

Answer 1

为 cmbAll

采用 ng-model

<select id="cmbAll"  tabindex="" title="" ng-change="onChange()" ng-model="cmbAll">
        <option value="">-Select One-</option>
        <option value="1">Apple</option>
        <option value="2">Banana</option>
        <option value="3">Mango</option>
        <option value="4">Papaya</option>
        <option value="5">Pear</option>
</select>
<div data-ng-repeat="x in InfoList">
    <select id="cmbFruit" name="cmbFruit" ng-model="x.Name"
    ng-options="c.Value as c.Text for c in x.List"></select>

</div>

控制器。

  $scope.onChange = function()
{
   for(var i=0 ; i <  $scope.InfoList.length; i++)
            {
                $scope.InfoList[i].name  = $scope.cmbAll
            }

}

这会将 cmbAll 中选择的值分配给第二个下拉列表。

Angular 下拉 ng-change 事件

Angular dropdown ng-change event

angularjs

ng-repeat

angularjs-ng-change