Angular Form驗證器僅在文本框中輸入時有效

Question

我正在使用PHP在angular5中開發一個小型應用程序。 我在驗證表格時遇到問題。 通過鍵盤輸入數據時，表單驗證器可以正常工作。 但是，當我用javascript填充數據時，它不起作用。

例如

在電子郵件字段中，

如果輸入myemail ，則顯示無效的電子郵件。 效果很好。 但是如果我使用$('#email').value('asdsa@gmail.com')類的JavaScript進行設置，則無法正常工作。

怎么了？ 我是Angular5的新手。

Answer 1

嘗試使用下面的代碼在表單控件中設置值。 請參閱angular doc以獲取更多信息https://angular.io/guide/form-validation https://angular.io/guide/reactive-forms

https://angular.io/api/forms/FormControl

this.registerForm.controls.email.setValue('asdsa@gmail.com');

Answer 2

您可以說看到此鏈接

this.registerForm.patchValue({
email: 'asdsa@gmail.com'
});

或者您可以在創建表單時首先分配它，

this.registerForm = this.fb.group({
email: ['asdsa@gmail.com']
})

Answer 3

如果我沒記錯的話，angular不知道jQuery何時影響Physical DOM（因此不知道何時對變量進行檢查以引起更改）。 為了做到這一點，您必須在jquery操作之后啟動一個角度變化周期。