Сменить 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, что бы валидаия, наконе-то прошла?

Заранее спасибо.


Ответы (0 шт):