{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/6843","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/6843/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/6843/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/6843/events","html_url":"https://github.com/driftyco/ionic/issues/6843","id":159665442,"number":6843,"title":"ion-slides does not update duplicate slides when the binding source changes","user":{"login":"teledemic","id":4006396,"avatar_url":"https://avatars.githubusercontent.com/u/4006396?v=3","gravatar_id":"","url":"https://api.github.com/users/teledemic","html_url":"https://github.com/teledemic","followers_url":"https://api.github.com/users/teledemic/followers","following_url":"https://api.github.com/users/teledemic/following{/other_user}","gists_url":"https://api.github.com/users/teledemic/gists{/gist_id}","starred_url":"https://api.github.com/users/teledemic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/teledemic/subscriptions","organizations_url":"https://api.github.com/users/teledemic/orgs","repos_url":"https://api.github.com/users/teledemic/repos","events_url":"https://api.github.com/users/teledemic/events{/privacy}","received_events_url":"https://api.github.com/users/teledemic/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":1,"created_at":"2016-06-10T15:50:03Z","updated_at":"2016-08-31T13:09:50Z","closed_at":null,"body":"#### Short description of the problem:\r\nWhen ion-slides is set to loop, it handles rollover from last to first / first to last slides with a duplicate of the last / first slide on either end. However, when the slides are bound with ngFor, and the binding source changes, the duplicate slides are not updated. So when you are swiping across the end, you get weird looking behavior and see old slides.\r\n\r\nI have seen this on Ionic 2 betas 6, 7, and 8\r\n\r\n\r\n#### Plunker that shows an example of your issue\r\nhttp://plnkr.co/29iy5R\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/243758436","html_url":"https://github.com/driftyco/ionic/issues/6843#issuecomment-243758436","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/6843","id":243758436,"user":{"login":"Devristo","id":1564257,"avatar_url":"https://avatars.githubusercontent.com/u/1564257?v=3","gravatar_id":"","url":"https://api.github.com/users/Devristo","html_url":"https://github.com/Devristo","followers_url":"https://api.github.com/users/Devristo/followers","following_url":"https://api.github.com/users/Devristo/following{/other_user}","gists_url":"https://api.github.com/users/Devristo/gists{/gist_id}","starred_url":"https://api.github.com/users/Devristo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Devristo/subscriptions","organizations_url":"https://api.github.com/users/Devristo/orgs","repos_url":"https://api.github.com/users/Devristo/repos","events_url":"https://api.github.com/users/Devristo/events{/privacy}","received_events_url":"https://api.github.com/users/Devristo/received_events","type":"User","site_admin":false},"created_at":"2016-08-31T13:09:50Z","updated_at":"2016-08-31T13:09:50Z","body":"This issue also affects beta 11. In my case I was creating an infinite slider, by dynamically changing the slides of a looping <ion-slider>. Like the issue above the 'duplicate' slide was not updating accordingly. \r\n\r\nBelow the workaround I am using for now, it is not perfectly smooth, but for me it's good enough for now.\r\n\r\n```html\r\n<ion-slides\r\n    #slider\r\n    (ionDrag)=\"onSlideDrag()\">\r\n....\r\n</ion-slides>\r\n```\r\n\r\n```ts\r\nexport class Sample {\r\n  @ViewChild('slider') slider\r\n\r\n  onSlideDrag() {\r\n      (<any>this.slider.getSlider()).createLoop(); // Undocumented method of the Swiper API\r\n   }\r\n}\r\n```"}}
{"actor":{"display_login":"Devristo"}}