指令内にformNameGroup値を設定します

Question

私は反応形式を使用しています。私のディレクティブの中では、ElementRefのおかげで要素にアクセスできます。

this.element.nativeElement.value = 'new text'を使用してtextarea要素の値を設定しようとすると、値が更新されず、formGroupNameがchangeValuesをトリガーしません。

formGroupNameを使用するtextarea要素の値を正しく設定するにはどうすればよいですか。

Answer 1

このように値を変更する場合でも、引き続きイベントをディスパッチする必要があります。自動的にディスパッチされるわけではありません。これは、ディレクティブが値が変更されたことを知る方法です。入力イベントをリッスンすることによって

this.element.nativeElement.value = 'new text' 
this.element.nativeElement.dispatchEvent(new Event('input'));