{"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular/issues/13830","repository_url":"https://api.github.com/repos/angular/angular","labels_url":"https://api.github.com/repos/angular/angular/issues/13830/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular/issues/13830/comments","events_url":"https://api.github.com/repos/angular/angular/issues/13830/events","html_url":"https://github.com/angular/angular/issues/13830","id":199356009,"number":13830,"title":"Hybrid app(UpgradeModule) using angular router doesn't invoke change detection on initial load","user":{"login":"akhlesh","id":1647962,"avatar_url":"https://avatars0.githubusercontent.com/u/1647962?v=3","gravatar_id":"","url":"https://api.github.com/users/akhlesh","html_url":"https://github.com/akhlesh","followers_url":"https://api.github.com/users/akhlesh/followers","following_url":"https://api.github.com/users/akhlesh/following{/other_user}","gists_url":"https://api.github.com/users/akhlesh/gists{/gist_id}","starred_url":"https://api.github.com/users/akhlesh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akhlesh/subscriptions","organizations_url":"https://api.github.com/users/akhlesh/orgs","repos_url":"https://api.github.com/users/akhlesh/repos","events_url":"https://api.github.com/users/akhlesh/events{/privacy}","received_events_url":"https://api.github.com/users/akhlesh/received_events","type":"User","site_admin":false},"labels":[{"id":375500771,"url":"https://api.github.com/repos/angular/angular/labels/comp:%20router","name":"comp: router","color":"c7def8","default":false},{"id":488329172,"url":"https://api.github.com/repos/angular/angular/labels/comp:%20upgrade/static","name":"comp: upgrade/static","color":"c5def5","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-01-07T11:15:58Z","updated_at":"2017-06-11T11:26:33Z","closed_at":null,"body":"**I'm submitting a ...**  (check one with \"x\")\n```\n[X] bug report => search github for a similar issue or PR before submitting\n[ ] feature request\n[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question\n```\n\n**Current behavior**\nWhen\n* bootstrap hybrid app using angular2 router\n* On initial load of application, Change detetction doesn't call ngOnChanges on change of input binding which suppose to get data via async filter.  for e.g.\n `<test [testData]=\"data | async\"></test>`\nthis happens only with initial load of  hybrid app routing and If we move to another route and again back to first route then ngOnChanges works fine.\n\n\n**Expected behavior**\nIt should fire changeDetection whenever input binding(with async) changes. \n\n**Minimal reproduction of the problem with instructions**\nSee this plunker with issue http://plnkr.co/edit/QUOLzNXYgDoTjeJ9iCiA?p=preview  \n   &nbsp;&nbsp;   **Steps**\n  * Check testData on home page, it doesn't get updated \n  * Now click on user link and again click on home link, you'll see testData is changing and ngOnChanges logs data in console.\n\n**What is the motivation / use case for changing the behavior?**\nUse hybrid app with angular2 routing\n\n**Please tell us about your environment:**\n* **Angular version:** <= 2.4.0 \n* **Browser:** [all | Chrome 55 | IE 10]\n* **Language:** [TypeScript 2.0.3]"},"comment":{"url":"https://api.github.com/repos/angular/angular/issues/comments/307623275","html_url":"https://github.com/angular/angular/issues/13830#issuecomment-307623275","issue_url":"https://api.github.com/repos/angular/angular/issues/13830","id":307623275,"user":{"login":"aminpaks","id":9244395,"avatar_url":"https://avatars3.githubusercontent.com/u/9244395?v=3","gravatar_id":"","url":"https://api.github.com/users/aminpaks","html_url":"https://github.com/aminpaks","followers_url":"https://api.github.com/users/aminpaks/followers","following_url":"https://api.github.com/users/aminpaks/following{/other_user}","gists_url":"https://api.github.com/users/aminpaks/gists{/gist_id}","starred_url":"https://api.github.com/users/aminpaks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aminpaks/subscriptions","organizations_url":"https://api.github.com/users/aminpaks/orgs","repos_url":"https://api.github.com/users/aminpaks/repos","events_url":"https://api.github.com/users/aminpaks/events{/privacy}","received_events_url":"https://api.github.com/users/aminpaks/received_events","type":"User","site_admin":false},"created_at":"2017-06-11T11:26:33Z","updated_at":"2017-06-11T11:26:33Z","body":"I think this isn't the way things are supposed to work.\r\nAs far as the docs at [this page](https://angular.io/docs/ts/latest/guide/upgrade.html) explain we need a root component that is already downgraded no?\r\n```\r\nangular.module('heroApp', [])\r\n  .controller('MainController', MainController)\r\n  .directive('heroDetail', downgradeComponent({\r\n    component: HeroDetailComponent,\r\n    inputs: ['hero'],\r\n    outputs: ['deleted']\r\n  }) as angular.IDirectiveFactory);\r\n```\r\n"}}
{"actor":{"display_login":"aminpaks"}}