Angular 和 vanila JS - 設置輸入值

Question

我想在 Agnular 創建的網站中設置輸入值（在 Vanilla JS 中）。

當我嘗試這樣做時：

document.querySelector('my_input').value = 'value';

該值顯示在輸入中，但搜索沒有看到該值（表單已提交，但看起來我的輸入為空）。

我看到有事件 ngModelChange。

有沒有辦法做這樣的事情：

document.querySelector('my_input').dispatchEvent(new Event('ngModelChange', {value: 'value'}));

如果我這樣做，我會輸入 [object Event] 並且表單搜索會得到這個值。

有任何想法嗎？

Answer 1

我解決了我的問題。 這段代碼對我有用：

document.querySelector('my_input').value = 'my_value';
document.querySelector('my_input').dispatchEvent(new Event('input'));
document.querySelector('my_input').dispatchEvent(new Event('blur'));

謝謝你的回答。