javascript - 如何在 Angular JS (1.6) 驱动的网站中预填充数据时触发手动输入事件

Question

需要预填充数据并确保它通过验证。目前，当用户手动输入数据时会触发验证。

标签： javascriptangularjs

Answer 1

我们可以使用以下代码实现结果。

     const elem = document.getElementById('mat-input-0'); 
     elem.value = '[e-mail]'; 
     elem.dispatchEvent(new Event('input')); 
     elem.dispatchEvent(new Event('change')); 

     const elem1 = document.getElementById('mat-input-2'); 
     elem1.value = 'Password123'; 
     elem1.dispatchEvent(new Event('input')); 
     elem1.dispatchEvent(new Event('change'));

     const elem2 = document.getElementById('mat-input-3');
     elem2.value = 'Password123'; 
     elem2.dispatchEvent(new Event('input')); 
     elem2.dispatchEvent(new Event('change'));