Угловое выпадение ng-событие изменения

Question

У меня есть угловой выпадающий список cmbВсего и список cmbFruit in ng-repeat. Я хочу, когда я изменю cmbВсе выбранное значение на 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()

Answer 1

Возьмите нг-модель для cmbAll

<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 ко второму выпадающего меню.