在NGXS表單UpdateFormValue上執行副作用

Question

我的應用程序使用NGXS表單插件，並且我想在表單中的值更改時觸發某些API調用。

執行以下操作是否正確？ 如果沒有，推薦的方法是什么？

@Action(UpdateFormValue)
public doStuff(ctx: StateContext<any>, { payload }: UpdateFormValue) {
    // logic
}

這似乎可行，但是后來我看不到Redux開發人員工具中的更新表單值操作，這使我想知道自己是否做對了。

Answer 1

是的，您的方向正確！

在valueChanges流發出任何事件之后， UpdateFormValue在幕后調度UpdateFormValue ，基本上，沒有什么超自然的：D

我唯一的評論是，當您調度新的UpdateFormValue操作時，您想取消以前未完成的異步作業，因此必須使用cancelUncompleted選項：

@Action(UpdateFormValue, { cancelUncompleted: true })
public doStuff(ctx, action) {}

---

此外， UpdateFormValue行動不會立即被派遣valueChanges流通過管道debounceTime 。 如果你不希望這個流通過管道輸送不debounceTime你必須提供ngxsFormDebounce結合，應該是小於0 ，是這樣的：

<form ngxsForm="blah-blah" [ngxsFormDebounce]="-1">

或者你可以明確設置updateOn您的選項FormGroup到blur或submit ，然后debounceTime也將被忽略。