{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/6257","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/6257/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/6257/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/6257/events","html_url":"https://github.com/driftyco/ionic/issues/6257","id":149938224,"number":6257,"title":"ion-img in ngFor doesn't render items when scrolled","user":{"login":"ghenry22","id":7463213,"avatar_url":"https://avatars.githubusercontent.com/u/7463213?v=3","gravatar_id":"","url":"https://api.github.com/users/ghenry22","html_url":"https://github.com/ghenry22","followers_url":"https://api.github.com/users/ghenry22/followers","following_url":"https://api.github.com/users/ghenry22/following{/other_user}","gists_url":"https://api.github.com/users/ghenry22/gists{/gist_id}","starred_url":"https://api.github.com/users/ghenry22/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ghenry22/subscriptions","organizations_url":"https://api.github.com/users/ghenry22/orgs","repos_url":"https://api.github.com/users/ghenry22/repos","events_url":"https://api.github.com/users/ghenry22/events{/privacy}","received_events_url":"https://api.github.com/users/ghenry22/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/platform:ios","name":"platform:ios","color":"0052cc"},{"url":"https://api.github.com/repos/driftyco/ionic/labels/virtualscroll","name":"virtualscroll","color":"5319e7"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-04-21T02:08:29Z","updated_at":"2016-04-27T12:10:17Z","closed_at":"2016-04-26T14:41:21Z","body":"#### Short description of the problem:\r\nuse ion-img for thumbnails in a ngFor generated list.  images within the initial viewport render, when you scroll no new images are loaded.\r\n\r\n#### What behavior are you expecting?\r\nAs you scroll new images are loaded\r\n\r\n**Steps to reproduce:**\r\n1. create a simple ngFor generated list with an image on each item\r\n2. scroll down the list\r\n3. no images outside the initial viewport are ever loaded\r\n\r\n**Other information:** (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)\r\n\r\nion-img works correctly with virtualScroll generated lists and loads new images as scroll finishes.  Just does not work with ngFor generated lists.\r\n\r\n**Which Ionic Version?** 1.x or 2.x\r\n\r\n2.x\r\n\r\n#### Plunker that shows an example of your issue\r\n\r\njust go to the ngfor segment and scroll down to see the issue\r\n\r\nhttps://plnkr.co/edit/tvsPpUhLd94rtbrnZJ5W?p=preview\r\n\r\n\r\n**Run `ionic info` from terminal/cmd prompt:** (paste output below)\r\n\r\nCordova CLI: 6.1.1\r\nGulp version:  CLI version 3.8.11\r\nGulp local:   Local version 3.9.1\r\nIonic Framework Version: 2.0.0-beta.4\r\nIonic CLI Version: 2.0.0-beta.25\r\nIonic App Lib Version: 2.0.0-beta.15\r\nios-deploy version: 1.8.6 \r\nios-sim version: 5.0.8 \r\nOS: Mac OS X El Capitan\r\nNode Version: v4.2.4\r\nXcode version: Xcode 7.3 Build version 7D175 \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/215063091","html_url":"https://github.com/driftyco/ionic/issues/6257#issuecomment-215063091","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/6257","id":215063091,"user":{"login":"ghenry22","id":7463213,"avatar_url":"https://avatars.githubusercontent.com/u/7463213?v=3","gravatar_id":"","url":"https://api.github.com/users/ghenry22","html_url":"https://github.com/ghenry22","followers_url":"https://api.github.com/users/ghenry22/followers","following_url":"https://api.github.com/users/ghenry22/following{/other_user}","gists_url":"https://api.github.com/users/ghenry22/gists{/gist_id}","starred_url":"https://api.github.com/users/ghenry22/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ghenry22/subscriptions","organizations_url":"https://api.github.com/users/ghenry22/orgs","repos_url":"https://api.github.com/users/ghenry22/repos","events_url":"https://api.github.com/users/ghenry22/events{/privacy}","received_events_url":"https://api.github.com/users/ghenry22/received_events","type":"User","site_admin":false},"created_at":"2016-04-27T12:10:17Z","updated_at":"2016-04-27T12:10:17Z","body":"Ah ok, it does seem like a good built in solution for lazy image loading if it was tweaked a bit.\r\n\r\nFor instance I use ion-Img in a slide to load an external image and it works great.\r\n\r\nAt a minimum maybe update the docs, perhaps as an enhancement request extend ion image to work in other areas to deliver lazy loading of images."}}