Как назначить значения во второй выпадающий список на основе первого выпадающего списка в AngularJS?

Question

Как назначить значения во второй выпадающий список на основе первого выпадающего списка в AngularJS?

0

У меня динамическое добавление функциональности строк, и у меня есть два выпадающих списка в каждой строке. второе значение выпадающего списка заполняется из JSON, и эти значения отображаются с первым выпадающим списком.

Мое требование состоит в замене первого раскрывающегося списка. Мне нужно присвоить значения второму выпадающему списку в той же строке. Здесь я столкнулся с проблемой, что после изменения значения в первом выпадающем списке все значения выпадающего списка во всех строках меняются.

Также я добавил код Html для раскрывающегося списка First Row.

<div class="firstdropdown">
    <select ng-change="getComponents">
        <option ng-repeat="kggrpItem in DesignGroupData track by $index" value={{kggrpItem}} ">{{kggrpItem}}</option>
    </select>
</div>
<div class="seconddrodown ">
   <select>
          <option ng-repeat="kggrpCmp in KgGroupCmpData"  value={{kggrpCmp}}>{{kggrpCmp}}</option>              
   </select>
</div>

Для примера кода контроллера....

$scope.getComponents = function(){
    for(i=0;i<jsonstring.length;i++){
      $scope.dropdownvaluesArr = jsonvalues
    }
    $scope.KgGroupCmpData = dropdownvaluesArr 
}

Пожалуйста, помогите мне решить проблему.

Dharma 06 нояб. 2015, в 11:03

Источник

0

Я думал, что у вас есть строка, которая содержит два выпадающих. когда первое значение drpdwn chng это обновленное значение, которое будет обновлено во втором dropdwn в той же строке, я прав или я вне пути?
SakthiSureshAnand 06 нояб. 2015, в 12:25
0

Можете ли вы создать рабочий поршень ??
MaheshKumar 06 нояб. 2015, в 12:27
0

Да, вы правы, шакти, это мое требование
Dharma 09 нояб. 2015, в 07:02

Показать ещё 1 комментарий

Теги:

angularjs

1 ответ

Ещё вопросы

Я думал, что у вас есть строка, которая содержит два выпадающих. когда первое значение drpdwn chng это обновленное значение, которое будет обновлено во втором dropdwn в той же строке, я прав или я вне пути?
Можете ли вы создать рабочий поршень ??
Да, вы правы, шакти, это мое требование

user3871930 · Answer 1 · 2016-05-27T08-21-00.000Z

Вместо использования ng-change, попробуйте ne-model, он автоматически изменит второе значение выпадающего списка.

<div id="fistDropdown">
  <span>fistDropdown</span>
  <select ng-model="selected">
    <option ng-repeat="option in selectlist track by $index" value={{option.key}}>{{option.value}}
    </option>
  </select>
</div>

<div id="secondDropdown">
<span>SecondDropdown</span>
  <select ng-model="selected">
    <option ng-repeat="option in selectlist" value={{option.key}}>{{option.value}}
    </option>
  </select>
</div>

и передать выбранное значение в ng-модель, как показано ниже

 $scope.selected = '3';

Я прикрепил стельку URL также, пожалуйста, проверьте его клонировать выберите поле