How to display details by clicking in arrow angular2+

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.

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.