signal(Observable<T>) to signal<T>() operator

[MGX-CODING]

Which @angular/* package(s) are relevant/related to the feature request?

core

Description

Here is a quick example of the requested feature (of course it has no value in itself) :

  $control = signal(new FormControl(''));

  $valueChanges$ = computed(() => this.$control().valueChanges);

  valueChanges$ = toObservable(this.$valueChanges$).pipe(switchMap((v) => v));

  $valueChanges = toSignal(this.valueChanges$);

STACKBLITZ

Proposed solution

  $control = signal(new FormControl(''));
  $valueChanges = transmuted(() => this.$control().valueChanges);

Alternatives considered

The code of the example itself.

This is not the first time I have the need for something like this, and as far as I'm aware, there is no easy way to do something similar (please correct me if I'm wrong)

[jnizet]

I personally find using toSignal() and toObservable() perfectly reasonable here since you precisely want to transform a signal to an observable and vice-versa.

The code could be simplified to

const control = signal(new FormControl(''));
const value = toSignal(toObservable(control).pipe(switchMap(c => c.valueChanges)));

[MGX-CODING]

I personally find using toSignal() and toObservable() perfectly reasonable here since you precisely want to transform a signal to an observable and vice-versa.

The code could be simplified to

const control = signal(new FormControl(''));
const value = toSignal(toObservable(control).pipe(switchMap(c => c.valueChanges)));

It is indeed clearer, thank you for that, but still, don't you think it looks complicated ?

[jnizet]

No. It's very explicit.

[MGX-CODING]

Well on that we agree, maybe I should have said concise then ... Can this issue remain open, just to have more opinions ?

(Thanks again for the more concise way !)

[kbrilla]

@MGX-CODING mayby this will cover Your needs https://ngxtension.netlify.app/utilities/signals/derived-async/

it will look like this:

  $control = signal(new FormControl(''));
  $valueChanges = derivedAsync(() => $control().valueChanges);