{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/1854","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/1854/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/1854/comments","events_url":"https://api.github.com/repos/angular/material2/issues/1854/events","html_url":"https://github.com/angular/material2/issues/1854","id":189184706,"number":1854,"title":"[Tabs] [tabs @alpha.10] All tabs are loaded eagerly","user":{"login":"RoxKilly","id":12346501,"avatar_url":"https://avatars.githubusercontent.com/u/12346501?v=3","gravatar_id":"","url":"https://api.github.com/users/RoxKilly","html_url":"https://github.com/RoxKilly","followers_url":"https://api.github.com/users/RoxKilly/followers","following_url":"https://api.github.com/users/RoxKilly/following{/other_user}","gists_url":"https://api.github.com/users/RoxKilly/gists{/gist_id}","starred_url":"https://api.github.com/users/RoxKilly/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/RoxKilly/subscriptions","organizations_url":"https://api.github.com/users/RoxKilly/orgs","repos_url":"https://api.github.com/users/RoxKilly/repos","events_url":"https://api.github.com/users/RoxKilly/events{/privacy}","received_events_url":"https://api.github.com/users/RoxKilly/received_events","type":"User","site_admin":false},"labels":[{"id":311421688,"url":"https://api.github.com/repos/angular/material2/labels/P3:%20important","name":"P3: important","color":"fad8c7","default":false}],"state":"open","locked":false,"assignee":{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars.githubusercontent.com/u/22898577?v=3","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false},"assignees":[{"login":"andrewseguin","id":22898577,"avatar_url":"https://avatars.githubusercontent.com/u/22898577?v=3","gravatar_id":"","url":"https://api.github.com/users/andrewseguin","html_url":"https://github.com/andrewseguin","followers_url":"https://api.github.com/users/andrewseguin/followers","following_url":"https://api.github.com/users/andrewseguin/following{/other_user}","gists_url":"https://api.github.com/users/andrewseguin/gists{/gist_id}","starred_url":"https://api.github.com/users/andrewseguin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andrewseguin/subscriptions","organizations_url":"https://api.github.com/users/andrewseguin/orgs","repos_url":"https://api.github.com/users/andrewseguin/repos","events_url":"https://api.github.com/users/andrewseguin/events{/privacy}","received_events_url":"https://api.github.com/users/andrewseguin/received_events","type":"User","site_admin":false}],"milestone":null,"comments":6,"created_at":"2016-11-14T18:12:54Z","updated_at":"2016-11-17T16:27:36Z","closed_at":null,"body":"#### Bug, feature request, or proposal:\r\nBug or possibly poor design\r\n\r\n#### What is the expected behavior?\r\nWhen a tab is never opened, its contents should never be added to the DOM. This is how things worked with `alpha 9` on `Angular 2.0.1`\r\n\r\n#### What is the current behavior?\r\nEven if a tab is never opened, its content is added to the DOM before being removed.\r\n\r\n#### What are the steps to reproduce?\r\n\r\n[This plunk shows the old behavior](http://plnkr.co/edit/GDp51J7AyYB631dFfM3l?p=preview) , from `alpha 9`. If you run the application while looking at network requests for images, you will see that only the image from the first tab is downloaded. To download another image, you need to open its tab.\r\n\r\n[This plunk shows the new behavior](http://plnkr.co/edit/ewBbcevOv0wWgse1L1Wf?p=preview), from `alpha 10`. In this case, all images are downloaded immediately, then removed from the DOM.  \r\n\r\n#### What is the use-case or motivation for changing an existing behavior?\r\nIn my use case, I have a menu on the first tab and a video on each of several other tabs. Since I upgraded to `alpha 10`, the browser fetches all the videos at once instead of waiting for the user to open a tab. This results in excessive bandwidth usage.\r\n\r\nThe same problem would occur for an app that has different image galleries organized by tab\r\n\r\n#### Which versions of Angular, Material, OS, browsers are affected?\r\n`Angular 2.1.2`, `Material 2 alpha 10` on `Firefox 49`\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/261294835","html_url":"https://github.com/angular/material2/issues/1854#issuecomment-261294835","issue_url":"https://api.github.com/repos/angular/material2/issues/1854","id":261294835,"user":{"login":"esbeto","id":1455236,"avatar_url":"https://avatars.githubusercontent.com/u/1455236?v=3","gravatar_id":"","url":"https://api.github.com/users/esbeto","html_url":"https://github.com/esbeto","followers_url":"https://api.github.com/users/esbeto/followers","following_url":"https://api.github.com/users/esbeto/following{/other_user}","gists_url":"https://api.github.com/users/esbeto/gists{/gist_id}","starred_url":"https://api.github.com/users/esbeto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/esbeto/subscriptions","organizations_url":"https://api.github.com/users/esbeto/orgs","repos_url":"https://api.github.com/users/esbeto/repos","events_url":"https://api.github.com/users/esbeto/events{/privacy}","received_events_url":"https://api.github.com/users/esbeto/received_events","type":"User","site_admin":false},"created_at":"2016-11-17T16:27:36Z","updated_at":"2016-11-17T16:27:36Z","body":"@RoxKilly There's something going on with Angular 2.2.0 and material tabs, that you can't use `*ngIf` in a tab, like so:\r\n\r\n```\r\n<md-tab *ngIf=\"expression\">\r\n</md-tab>\r\n```"}}
{"actor":{"display_login":"esbeto"}}