{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic2/issues/917","labels_url":"https://api.github.com/repos/driftyco/ionic2/issues/917/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic2/issues/917/comments","events_url":"https://api.github.com/repos/driftyco/ionic2/issues/917/events","html_url":"https://github.com/driftyco/ionic2/issues/917","id":125832596,"number":917,"title":"Child component click event within ion-item not working","user":{"login":"Luchillo","id":9698639,"avatar_url":"https://avatars.githubusercontent.com/u/9698639?v=3","gravatar_id":"","url":"https://api.github.com/users/Luchillo","html_url":"https://github.com/Luchillo","followers_url":"https://api.github.com/users/Luchillo/followers","following_url":"https://api.github.com/users/Luchillo/following{/other_user}","gists_url":"https://api.github.com/users/Luchillo/gists{/gist_id}","starred_url":"https://api.github.com/users/Luchillo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Luchillo/subscriptions","organizations_url":"https://api.github.com/users/Luchillo/orgs","repos_url":"https://api.github.com/users/Luchillo/repos","events_url":"https://api.github.com/users/Luchillo/events{/privacy}","received_events_url":"https://api.github.com/users/Luchillo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-01-10T17:07:57Z","updated_at":"2016-01-10T17:10:12Z","closed_at":null,"body":"Hi, i have a component inside a ion-item with a `(click)` event attached but it doesn't works, the `(click)` ones attached directly to the other `ion-item`'s works, it's just the one in the component, why?, i think it's the ion-item catching the click events before the component does, maybe has to do with `z-index`?:\r\n>Parent html:\r\n\r\n>     <ion-item [ngClass]=\"{'primary-disabled': sync}\">\r\n      <syncServ (synced)=\"onSync($event)\" (click)=\"syncServer()\"></syncServ>\r\n    </ion-item>\r\nChild html:\r\n\r\n>     <div>\r\n      <i class=\"fa fa-refresh fa-2x\"></i>\r\n      <div>\r\n        P: {{ orders }} V: {{ visits }}\r\n      </div>\r\n    </div>\r\nChild component js:\r\n\r\n>     import {Component, Output, EventEmitter} from 'angular2/core';\r\n\r\n>     import {Config, DB} from '../../services/services';\r\n\r\n>     @Component({\r\n>       selector: 'syncServ',\r\n>       templateUrl: 'build/components/sync/sync.html',\r\n>     })\r\n>     export class SyncComponent {\r\n>       orders = 0\r\n>       visits = 0\r\n>       tryIt = true\r\n\r\n>       @Output() synced = new EventEmitter();\r\n\r\n>       constructor(\r\n>         conf: Config,\r\n>         db: DB\r\n>       ) {\r\n>         this.conf = conf\r\n>         this.db = db\r\n>         console.log('Test')\r\n>       }\r\n\r\n>       ngOnInit() {\r\n>         this.synced.emit({value: true})\r\n>       }\r\n\r\n>       syncServer() {\r\n>         console.log('SyncServ')\r\n>         this.tryIt = !this.tryIt\r\n>         if (this.tryIt) {\r\n>           this.synced.emit({value: true})\r\n>         } else {\r\n>           this.synced.emit({value: false})\r\n>         }\r\n>       }\r\n>     }"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic2/issues/comments/170371772","html_url":"https://github.com/driftyco/ionic2/issues/917#issuecomment-170371772","issue_url":"https://api.github.com/repos/driftyco/ionic2/issues/917","id":170371772,"user":{"login":"Luchillo","id":9698639,"avatar_url":"https://avatars.githubusercontent.com/u/9698639?v=3","gravatar_id":"","url":"https://api.github.com/users/Luchillo","html_url":"https://github.com/Luchillo","followers_url":"https://api.github.com/users/Luchillo/followers","following_url":"https://api.github.com/users/Luchillo/following{/other_user}","gists_url":"https://api.github.com/users/Luchillo/gists{/gist_id}","starred_url":"https://api.github.com/users/Luchillo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Luchillo/subscriptions","organizations_url":"https://api.github.com/users/Luchillo/orgs","repos_url":"https://api.github.com/users/Luchillo/repos","events_url":"https://api.github.com/users/Luchillo/events{/privacy}","received_events_url":"https://api.github.com/users/Luchillo/received_events","type":"User","site_admin":false},"created_at":"2016-01-10T17:10:12Z","updated_at":"2016-01-10T17:10:12Z","body":"Also if i attach the click to the `ion-item` it tries to call the method but as it exist in the child component it can't find it, i really think the `ion-item` is messing with the `(click)` events in the child component."}}