# List Item Click show Detail in another HTML Page in ionic

**URL:** <https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480>\
**Category:** ionic-v3\
**Created:** [August 10, 2017, 5:27am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480 "2017-08-10T05:27:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [August 10, 2017, 5:27am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/1 "2017-08-10T05:27:08Z")

</div>

i have a listing item.i want to show listing page details into another html page using ionic 2.how can i do that ?

---

<div class="post-metadata">

**Author:** ![AaronSterling](https://avatars.discourse-cdn.com/v4/letter/a/51bf81/32.png) [@AaronSterling](https://forum.ionicframework.com/u/AaronSterling)\
**Post date:** [August 10, 2017, 5:33am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/2 "2017-08-10T05:33:29Z")

</div>

> [@flycoders\_sourav](#):
>
> listing item

What do you mean by this?

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [August 10, 2017, 5:36am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/3 "2017-08-10T05:36:27Z")

</div>

@AaronSterling i have a list item like  
A  
B  
C  
D

Details of A : Dummy text.

i want when i click on A showing the details of A into the another html page.

---

<div class="post-metadata">

**Author:** ![AaronSterling](https://avatars.discourse-cdn.com/v4/letter/a/51bf81/32.png) [@AaronSterling](https://forum.ionicframework.com/u/AaronSterling)\
**Post date:** [August 10, 2017, 5:37am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/4 "2017-08-10T05:37:38Z")

</div>

> [@flycoders\_sourav](#):
>
> list item

This has no meaning. An ion-list is made up of ion-items. Do you have an array, and you want to display the array on more than one page?

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [August 10, 2017, 5:42am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/5 "2017-08-10T05:42:25Z")

</div>

@AaronSterling

 ![abc](https://global.discourse-cdn.com/ionicframework/original/3X/f/6/f6a9747cbbcd450530b665faed77f78a01d452a9.PNG)

this is my list item .i want to do that.when i clicked on arif tower .redirect to another page and showing the details of arif tower.

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [August 10, 2017, 5:43am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/6 "2017-08-10T05:43:05Z")

</div>

[The conference app](https://github.com/ionic-team/ionic-conference-app) does exactly this with the schedule and session details pages.

---

<div class="post-metadata">

**Author:** ![flycoders\_sourav](https://avatars.discourse-cdn.com/v4/letter/f/e47c2d/32.png) [@flycoders\_sourav](https://forum.ionicframework.com/u/flycoders_sourav)\
**Post date:** [August 10, 2017, 5:48am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/7 "2017-08-10T05:48:46Z")

</div>

@rapropos Thank you.

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [August 10, 2017, 10:05am UTC](https://forum.ionicframework.com/t/list-item-click-show-detail-in-another-html-page-in-ionic/101480/8 "2017-08-10T10:05:05Z")

</div>

(Or any tutorial for a todo app or anything similar out there, to be honest…)
