{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/7963","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/7963/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/7963/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/7963/events","html_url":"https://github.com/driftyco/ionic/issues/7963","id":174925976,"number":7963,"title":"ion-item-sliding not working with custom component","user":{"login":"aggarwalankush","id":8744282,"avatar_url":"https://avatars.githubusercontent.com/u/8744282?v=3","gravatar_id":"","url":"https://api.github.com/users/aggarwalankush","html_url":"https://github.com/aggarwalankush","followers_url":"https://api.github.com/users/aggarwalankush/followers","following_url":"https://api.github.com/users/aggarwalankush/following{/other_user}","gists_url":"https://api.github.com/users/aggarwalankush/gists{/gist_id}","starred_url":"https://api.github.com/users/aggarwalankush/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aggarwalankush/subscriptions","organizations_url":"https://api.github.com/users/aggarwalankush/orgs","repos_url":"https://api.github.com/users/aggarwalankush/repos","events_url":"https://api.github.com/users/aggarwalankush/events{/privacy}","received_events_url":"https://api.github.com/users/aggarwalankush/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2016-09-04T01:23:06Z","updated_at":"2016-09-06T19:46:16Z","closed_at":null,"body":"#### Short description of the problem:\r\nUsing custom component in ion-item-sliding not working, it works with ion-item.\r\nPlease refer to below minimal github commit to reproduce issue.\r\n\r\n\r\n**Steps to reproduce:**\r\nhttps://github.com/aggarwalankush/ionic-inappbrowser-issue/commit/50fcae9338d8cb95fceb1cc2904b59a5d37ccc11\r\n\r\n**Which Ionic Version?**\r\nIonic 2 beta 11\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\nYour system information:\r\n\r\nCordova CLI: 6.3.0\r\nGulp version:  CLI version 3.9.1\r\nGulp local:   Local version 3.9.1\r\nIonic Framework Version: 2.0.0-beta.11\r\nIonic CLI Version: 2.0.0-beta.32\r\nIonic App Lib Version: 2.0.0-beta.18\r\nios-deploy version: 1.8.6 \r\nios-sim version: 5.0.8 \r\nOS: Mac OS X El Capitan\r\nNode Version: v6.1.0\r\nXcode version: Xcode 7.3.1 Build version 7D1014 "},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/245067403","html_url":"https://github.com/driftyco/ionic/issues/7963#issuecomment-245067403","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/7963","id":245067403,"user":{"login":"aggarwalankush","id":8744282,"avatar_url":"https://avatars.githubusercontent.com/u/8744282?v=3","gravatar_id":"","url":"https://api.github.com/users/aggarwalankush","html_url":"https://github.com/aggarwalankush","followers_url":"https://api.github.com/users/aggarwalankush/followers","following_url":"https://api.github.com/users/aggarwalankush/following{/other_user}","gists_url":"https://api.github.com/users/aggarwalankush/gists{/gist_id}","starred_url":"https://api.github.com/users/aggarwalankush/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aggarwalankush/subscriptions","organizations_url":"https://api.github.com/users/aggarwalankush/orgs","repos_url":"https://api.github.com/users/aggarwalankush/repos","events_url":"https://api.github.com/users/aggarwalankush/events{/privacy}","received_events_url":"https://api.github.com/users/aggarwalankush/received_events","type":"User","site_admin":false},"created_at":"2016-09-06T19:46:16Z","updated_at":"2016-09-06T19:46:16Z","body":"Thanks for quick reply and helping me on this issue. \r\nFirst of all, I updated the template to be more realistic. Please see commit https://github.com/aggarwalankush/ionic-inappbrowser-issue/commit/d1c1c678ca2b9eb86937e49233e934a19214b1e4\r\n\r\nAs you can see in commit, I remove ion-item from button and using\r\n```\r\n <ion-item-sliding *ngFor=\"let item of items\">\r\n      <button ion-item>\r\n        <my-item [item]=\"item\"></my-item>\r\n      </button>\r\n    </ion-item-sliding>\r\n```\r\n\r\nwhere my-item is\r\n```\r\n\r\nimport {Component, Input} from \"@angular/core\";\r\n@Component({\r\n  selector: 'my-item',\r\n  template: `\r\n      <button (click)=\"itemClicked(item)\">\r\n        <ion-avatar item-left>\r\n          <img src=\"img/appicon.png\">\r\n        </ion-avatar>\r\n        <h2>{{item|uppercase}}</h2>\r\n        <ion-badge item-right>\r\n            <ion-icon name='happy'></ion-icon>\r\n        </ion-badge>\r\n      </button>\r\n      <ion-item-options>\r\n        <button primary style=\"width:15vw\">\r\n          <ion-icon name=\"star\"></ion-icon>\r\n          <span>Favorite</span>\r\n        </button>\r\n        <button secondary style=\"width:15vw\">\r\n          <ion-icon name=\"call\"></ion-icon>\r\n          <span>Call</span>\r\n        </button>\r\n      </ion-item-options>\r\n`\r\n})\r\nexport class ListItemComponent {\r\n  @Input('item') item;\r\n\r\n  itemClicked(item) {\r\n    console.log('item clicked - ' + item);\r\n  }\r\n}\r\n\r\n```\r\n\r\nIt isn't working. \r\n\r\n![screenshot 2016-09-06 12 45 22](https://cloud.githubusercontent.com/assets/8744282/18288336/cd8a0ee0-742f-11e6-8cfa-4fddb7ffb303.png)\r\n"}}
{"actor":{"display_login":"aggarwalankush"}}