Сменить option при помощи jQuery в форме angular
Стоит задача - изменить выбранный option в select при помощи jQuery в форме angular, без, собственно, использования самого angular.
Проблема состоит в том, что при простой смене через jQuery
$('#doc option').prop('selected',false);
$('#doc option[value=3]').prop('selected',true).trigger('change');
$('#doc').on('change',function(){
console.log('#doc changed');
});
визуально выбранный пункт из списка меняется, в html, соответственно, тоже всё ок, но angular этого не видит, и валидация формы не происходит.
Вариант, как с простыми input
$('#number').val('value').trigger('input');
$("#number")[0].dispatchEvent(new Event("input", { bubbles: true }));
в данном случае точно так же не работает. Хотя jQuery видит изменение, и в консоль говорит, что всё ок, поменяли.
Логично, что angular отслеживает состояние списка, как и других полей в форме, но не могу сообразить, какое событие ему скормить после изменения пункта меню. С change и input ничего не работает.
Будльте добры подсказать, в какую сторону копать? Что нужно скормить angular, что бы валидаия, наконе-то прошла?
Заранее спасибо.