角度下拉ng-change事件

时间:2016-10-21 09:22:26

标签: angularjs ng-repeat angularjs-ng-change

我在ng-repeat中有一个角度下拉 cmbAll cmbFruit 列表。我希望当我改变cmbAll选择的值cmbFruit [i]也改变。但是在加载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()

的代码应该是什么

1 个答案:

答案 0 :(得分:2)

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

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

}

控制器。

cmbAll

这会将{{1}}中选择的值指定为第二个下拉列表。