App-Landing-Page | Tailwind CSS Starter Template - App Landing Page

I'm building an ionic recipe app, the home page is calling a list of recipes names, ids and images using an API url which is www.forexample/recipeslist.com. The thing that I want is, I need to write smth which works as the following: When I press on any recipe name from that same page, I want it to direct the user to a page that contains that recipes details such as the ingredients, methods, etc .. These details will be called from a url named www.forexample.com/recipedetails/{id} So i want it to take the clicked recipe's ID and add it to that url. How can I do it? How can I pass the ID from the first url's data to the second URL? Please help:(

Here's my .service file:

I am building a movie application to aid my learning. I will like to know how to capture and save the number of clicks on button in session storage.

I have been able to get the click working. It increases and display number of click on each button, I did this with a directive. I also tried to attached the id of the button as key and number of click as value to session storage and I could see that it works when I logged it but it seem not to remain whenever I refresh the page.

NB: I am using an API to fetch my data

I have implemented a angular web application with material.

This web application has Side Navi and Routing

Codes ware as follows:

app.component.ts

I did some modifications to my angular app, trying to use some routes so that i can use anchor (like ids & href so that it goes to the section). However, i moved everything back to its original state, and now the nav component is not being rendered, any ideas why this is happening?

Here is my app component

I have a problem with detecting location using Angular.

I know in order to detect Location, I use HTML5 geolocation api.

I seem to get an error with webpack compiling. It compiles if I remove .data but then the page blows up with the calls from template->component (which calls a service

Error I am getting

ERROR in src/app/components/app-landing-page/app-landing-page.component.ts(95,41): error TS2339: Property 'data' does not exist on type 'Response'.

I am building a router component in angular and typescript.

observe my current project structure below.

Lets focus on the landingPageComponent

observe by the image that my path to the component is valid but is not recognized.

my code in my landingpageComponent.ts file: