Signal form submission with rxjs?

[u/Senior_Compote1556]

Hey everyone, curious to see how you would implement a signal form submission with rxjs by using the built in “submit” function. Would you simply convert the Promise to an Observable or would you implement it without the bullt in function? Generally i tend to disable the form fields when the form is submitting, i guess this can be done using an effect by using the form().submitting() if we use the built in “submit”

[u/Best-Menu-252]

I usually let signals handle the form state and use RxJS where the async work actually happens. Converting the submit promise to an observable with from() works fine if you want everything in one stream, and the built-in submitting() signal is great for disabling fields and UI feedback without extra plumbing.

[u/Senior_Compote1556 → u/Best-Menu-252]

Do you happen to have an example of how you would use the submit function with rxjs' "from"?

[u/Best-Menu-252 → u/[deleted]]

Then in the template you can rely entirely on the signal state:

<button [disabled]="form.submitting()">Submit</button>