Currently when an endpoint hits a 404 it just says "No Search Results". Whether or not that is displayed is based on if the observable is truthy or not. This is done the async pipe. I'm not sure if this is an efficient way to do this.
There are several ways this can be changed:
I can refactor the two components that are used to display the list, putting the async pipe higher up in the markup
I can not use the async pipe and subscribe within the components
I can change the service to have better error handling, making the error observable emitted have better information
Currently when an endpoint hits a 404 it just says "No Search Results". Whether or not that is displayed is based on if the observable is truthy or not. This is done the async pipe. I'm not sure if this is an efficient way to do this.
There are several ways this can be changed: