I am currently utilizing Angular with typescript and I am interested in retrieving a value from the NGRX store without needing to use a subscription. When I try the following code snippet:
this.store.select(selectCardNickname)
it returns an Observable that requires me to subscribe in order to retrieve the desired value. Although I am aware of the async pipe, I require this value within my typescript component rather than in the HTML because I need it to make a service call to the backend with this value as the payload.
Below is the selector being used:
export const selectCardNickname = createSelector(selectProdTypeTabs, (tabs) => tabs.settings.value.cardNickname);
What steps can I take to address this issue?