Angular 对NGXS表单UpdateFormValue执行副作用_Angular_Ngxs

Angular 对NGXS表单UpdateFormValue执行副作用

angular

Angular 对NGXS表单UpdateFormValue执行副作用,angular,ngxs,Angular,Ngxs,我的应用程序使用NGXS表单插件，我希望在表单中的值发生更改时触发某些API调用执行以下操作是否正确？如果没有，建议的方法是什么 @操作（UpdateFormValue）公共doStuff（ctx:StateContext，{payload}:UpdateFormValue）{ //逻辑 } 这似乎是可行的，但是我无法在Redux开发者工具中看到更新表单值操作，这让我怀疑我是否做对了。是的，你走对了 NGXS在valueChanges流发出任何事件后，在引擎盖下调度UpdateFormVa

我的应用程序使用NGXS表单插件，我希望在表单中的值发生更改时触发某些API调用

执行以下操作是否正确？如果没有，建议的方法是什么

@操作（UpdateFormValue）
公共doStuff（ctx:StateContext，{payload}:UpdateFormValue）{
//逻辑
}

这似乎是可行的，但是我无法在Redux开发者工具中看到更新表单值操作，这让我怀疑我是否做对了。

是的，你走对了

NGXS在

valueChanges

流发出任何事件后，在引擎盖下调度

UpdateFormValue

，基本上，没有任何超自然现象：D

我唯一的意见是，在调度新的

UpdateFormValue

操作时，您希望取消以前未完成的异步作业，因此您必须使用

cancelUncompleted

选项：

@Action（UpdateFormValue，{cancelUncompleted:true}）
公共场所（ctx，行动）{}

此外，由于

值更改

流通过

debounceTime

管道传输，因此不会立即调度

UpdateFormValue

操作。如果您不希望此流通过

debounceTime

管道传输，则必须提供

ngxsFormDebounce

绑定，该绑定应小于

，类似于：

或者您可以显式地将

FormGroup

的

updateOn

选项设置为

blur

或

submit

，然后

debounceTime

也将被忽略。

是的，您走对了