# The issue to open an item from a list

**URL:** <https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998>\
**Category:** ionic-v3\
**Created:** [January 25, 2016, 9:13am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998 "2016-01-25T09:13:23Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![zhouhaowowtv](https://avatars.discourse-cdn.com/v4/letter/z/8e8cbc/32.png) [@zhouhaowowtv](https://forum.ionicframework.com/u/zhouhaowowtv)\
**Post date:** [January 25, 2016, 9:13am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/1 "2016-01-25T09:13:23Z")

</div>

I need to click an item in a list several times to make it work. The code is very simple:

Html:

> ```
> <ion-item *ngFor="#item of items" (click)="itemSelected(item)">
> <h3>{{item.title}}</h3>
> <p>{{item.body}}</p>
> </ion-item>
> 
> ```

Javascript:

> itemSelected(item) {  
> this.nav.push(DetailsPage);  
> }

What is the reason? Thanks.

---

<div class="post-metadata">

**Author:** ![Gajotres](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gajotres/32/98564_2.png) [@Gajotres](https://forum.ionicframework.com/u/Gajotres)\
**Post date:** [January 25, 2016, 11:36am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/2 "2016-01-25T11:36:13Z")

</div>

Your code looks just fine, so problem should be somewhere else.

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [January 25, 2016, 5:43pm UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/3 "2016-01-25T17:43:53Z")

</div>

Does all clicks send to DetailsPage without caring for the item?

That’s just an observation and is not related to the issue.

---

<div class="post-metadata">

**Author:** ![brandyshea](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/brandyshea/32/148286_2.png) [@brandyshea](https://forum.ionicframework.com/u/brandyshea)\
**Post date:** [January 25, 2016, 7:38pm UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/4 "2016-01-25T19:38:35Z")

</div>

You should use a button for clickable items:

```auto
<button ion-item *ngFor="#item of items" (click)="itemSelected(item)">
  <h3>{{item.title}}</h3>
  <p>{{item.body}}</p>
</button>

```

> **[Ionic Framework](https://ionicframework.com/docs/api/components/item/Item/)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

---

<div class="post-metadata">

**Author:** ![zhouhaowowtv](https://avatars.discourse-cdn.com/v4/letter/z/8e8cbc/32.png) [@zhouhaowowtv](https://forum.ionicframework.com/u/zhouhaowowtv)\
**Post date:** [January 26, 2016, 1:37am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/5 "2016-01-26T01:37:08Z")

</div>

Thanks. It works. I learned that the ion-item should never been used for clickable item. Thanks.

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [January 26, 2016, 1:49am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/6 "2016-01-26T01:49:22Z")

</div>

That’s funny, i do use the `ion-item` component with a click event attached and it works very good, why shouldn’t `ion-item` be used or what’s the advantage over the `button` approach?

---

<div class="post-metadata">

**Author:** ![zhouhaowowtv](https://avatars.discourse-cdn.com/v4/letter/z/8e8cbc/32.png) [@zhouhaowowtv](https://forum.ionicframework.com/u/zhouhaowowtv)\
**Post date:** [January 26, 2016, 1:50am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/7 "2016-01-26T01:50:58Z")

</div>

Yeah, I feel strange too. I used **ion-item** for clickable items in my ionic 1 project without any problem.

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [January 26, 2016, 1:51am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/8 "2016-01-26T01:51:34Z")

</div>

I actually have them all over my app and it works like a charm.

---

<div class="post-metadata">

**Author:** ![zhouhaowowtv](https://avatars.discourse-cdn.com/v4/letter/z/8e8cbc/32.png) [@zhouhaowowtv](https://forum.ionicframework.com/u/zhouhaowowtv)\
**Post date:** [January 26, 2016, 1:52am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/9 "2016-01-26T01:52:25Z")

</div>

You mean ionic 2 project? And you test them on device? It’s fine for me in browser.

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [January 26, 2016, 1:54am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/10 "2016-01-26T01:54:55Z")

</div>

I actually i’m almost ready to deploy in Google Play, tested in emulator and device.

---

<div class="post-metadata">

**Author:** ![zhouhaowowtv](https://avatars.discourse-cdn.com/v4/letter/z/8e8cbc/32.png) [@zhouhaowowtv](https://forum.ionicframework.com/u/zhouhaowowtv)\
**Post date:** [January 26, 2016, 1:56am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/11 "2016-01-26T01:56:09Z")

</div>

Ok, that’s weird. By the way, I tested only in my iPhone with ionic 2.0.0 beta 17.

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [January 26, 2016, 2:19am UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/12 "2016-01-26T02:19:53Z")

</div>

Oh maybe because i’m using Android for now?

---

<div class="post-metadata">

**Author:** ![luchillo17](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luchillo17/32/78209_2.png) [@luchillo17](https://forum.ionicframework.com/u/luchillo17)\
**Post date:** [February 1, 2016, 1:45pm UTC](https://forum.ionicframework.com/t/the-issue-to-open-an-item-from-a-list/41998/13 "2016-02-01T13:45:57Z")

</div>

Btw that’s the ionic CLI version, the framework is still in alpha, alpha.53 in the moment i write this.