angular - How to make a computed Signal react to both an @Input Signal and an NGXS lazy selector? - Stack Overflow

admin管理员组

文章数量:1292160

I'm working with Angular signals and NGXS state management, and I'm trying to create a computed signal that updates both when my input signal changes and when the store updates.

I have a lazy selector:

static searchById = (id: number) => createSelector(
  [ActiveDashboardSelectors.getSlices.searches], 
  searches => searches.find(search => search.id === id)
);

In my component, I have an input signal for the searchId:

searchId = input.required<number>();

I want to create a computed signal that reacts both to searchId changes and to store updates. I initially tried this:

public search = computed(() => select(ActiveDashboardSelectors.searchById(this.searchId())));

However, this results in a nested Signal (Signal<Signal<Search>>). What is the best way to write a computed signal that reacts to both my searchId input signal and state updates from NGXS?

I'm working with Angular signals and NGXS state management, and I'm trying to create a computed signal that updates both when my input signal changes and when the store updates.

I have a lazy selector:

static searchById = (id: number) => createSelector(
  [ActiveDashboardSelectors.getSlices.searches], 
  searches => searches.find(search => search.id === id)
);

In my component, I have an input signal for the searchId:

searchId = input.required<number>();

I want to create a computed signal that reacts both to searchId changes and to store updates. I initially tried this:

public search = computed(() => select(ActiveDashboardSelectors.searchById(this.searchId())));

However, this results in a nested Signal (Signal<Signal<Search>>). What is the best way to write a computed signal that reacts to both my searchId input signal and state updates from NGXS?

• angular
• typescript
• store
• ngxs
• angular-signals

Share Improve this question Follow edited Feb 13 at 12:25 Naren Murali 58.4k55 gold badges4444 silver badges7676 bronze badges asked Feb 13 at 11:39 garethdngarethdn 12.4k1212 gold badges5252 silver badges8484 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

If it is a signal of a signal, execute the signal inside to get the actual value, so that it is an ordinary signal.

Since there are two signals inside, both will get evaluated when any of them change.

Replaced select with this._store.select to prevent injection errors.

public search = computed(() => 
  this._store.select(
    ActiveDashboardSelectors.searchById(this.searchId())
  )()
);

本文标签： angularHow to make a computed Signal react to both an Input Signal and an NGXS lazy selectorStack Overflow