this is my first time posting here, and I'm new to Angular. I've tried looking for solutions to my problem, but haven't been able to find one that helps my problem. So I have an agent detail component that uses a service to make a getAgent() request. And instead of subscribing to this call in the component, I want to use the async pipe technique to display the data onto the agent detail template. Below is my old working solution, and after that is my attempted solution on trying to make an async call. Can anyone point me in the right direction? Or am I doing something completely wrong? Is it even possible to use async pipe in my situation? If anymore information is needed please let me know, and thank you so much in advance for the help and advice!
Here is the service: agent service
Here is the working component & template: component template
And lastly here is what I've been trying to work on trying to get async pipe to work: component async template async
The error I keep getting: Error