How to display details by clicking in arrow angular2+

Question

hi, I have an arrow which I want when the user selects a book after he clicks the arrow I show him the details of the book in angular 2+ how to do it please And thank you in advance

Mahesh Verma · Answer

Hello Dev, In your case, a lot of scenarios are created, like after clicking on the arrow, you want to open a modal popup and then display book content after clicking on the arrow, data will be display on div and this div is hidden by default. So, if there is a modal popup then pass the data on this modal, or you can only pass the book id and at the time of modal popup initialization (ngOnInit()) you can hit the service for accessing more details of the book. Similarly, you will display data on div. Could you please provide some more details, or create a plunker for that so that I will easily help you out.

Mahesh Patil · Answer

Hello Dev, Could you please provide some more details so that I will help you properly. I am assuming that your fetching data from service so whenever your clicking on button make a service call by passing the book id to get the book details and you get that details use that object to display data in view. if this doesn't help you then please provide more details.

How to display details by clicking in arrow angular2+

Answers (2)