簡體   English   中英

Angular Reactive Forms:在值改變之前檢測用戶輸入

[英]Angular Reactive Forms: Detect user input before the value changes

我知道您可以使用 Angular Reactive Forms 中的 valueChanges observable 來檢測輸入字段中的值是否已更改:

inputControl.valueChanges.subscribe(() => {
    // fires when the input value has actually changed
});

但是,在輸入中的值發生變化之前,有沒有辦法訂閱用戶按下鍵時的可觀察性?

我需要這樣做,以便我可以應用動態驗證,例如:

  1. 用戶按下一個鍵
  2. 在應用驗證之前,我需要知道該密鑰是什么
  3. 然后驗證對輸入的更改值起作用

在輸入中的值發生變化之前,有沒有辦法在用戶按下某個鍵時進行訂閱?

onkeyup 事件:

 <input formControlName="yourcontrol" (keyup)="onKeyUp($event)">

編輯 :

您需要在AbstractControl 元素上訂閱事件keyup

堆棧閃電戰

您還可以創建一個指令來使用ElementRef訪問您的元素,了解您的要求是什么。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM