Ng-Change не вызывается при выборе, опция обновлена
У меня есть два выпадающих списка d1 и d2.
Вот d1:
<select ng-change = "getFeeList()">
<option value = "1"> Std 10</option>
<option value = "2"> Std 12</option>
</select>
function getFeeList(){
//Get fee list and update options of d2
}
Вот d2:
<select ng-change = "getAmount()">
<option value = "F1"> Tutitio Fee</option>
<option value = "F2"> Mess Fee</option>
</select>
При изменении d1 параметры d2 обновляются (с новыми значениями).
Проблема заключается в том, что параметры d2 обновляются при вызове getFeeList(), getAmount() не вызывается, однако, когда я выбираю значение d2 и меняю его, вызывается getAmount().
Спасибо за помощь заранее.
@miraj добавил код.
@rmalviya, это работает. Спасибо..
Ответы 2
Хотя ваш опубликованный код не является полным, но похоже, что вы хотите, чтобы событие change запускалось после обновления параметров выбора d2.
Вы можете вручную инициировать событие изменения выбора d2 после обновления параметров следующим образом.
Используйте jQuery курок:
$('#id_of_d2').trigger('change');
Директива ng-change не работает, потому что ей нужна ng-модель внутри того же элемента. Смотрите документацию здесь.
Должно получиться так:
<select ng-model = "selectedOptionValue" ng-change = "getFeeList()">
<option value = "1"> Std 10</option>
<option value = "2"> Std 12</option>
</select>
Обратите внимание, что каждый раз, когда вы выбираете параметр, для переменной selectedOptionValue в вашей области устанавливается значение атрибута значения параметра, и после этого выполняется оценка кода внутри ng-change.
Разместите свой код.