{"action":"created","issue":{"url":"https://api.github.com/repos/rangle/augury/issues/821","repository_url":"https://api.github.com/repos/rangle/augury","labels_url":"https://api.github.com/repos/rangle/augury/issues/821/labels{/name}","comments_url":"https://api.github.com/repos/rangle/augury/issues/821/comments","events_url":"https://api.github.com/repos/rangle/augury/issues/821/events","html_url":"https://github.com/rangle/augury/issues/821","id":191565309,"number":821,"title":"New property is not shown in the property when it's add to a component.","user":{"login":"rajinder-yadav","id":439226,"avatar_url":"https://avatars2.githubusercontent.com/u/439226?v=3","gravatar_id":"","url":"https://api.github.com/users/rajinder-yadav","html_url":"https://github.com/rajinder-yadav","followers_url":"https://api.github.com/users/rajinder-yadav/followers","following_url":"https://api.github.com/users/rajinder-yadav/following{/other_user}","gists_url":"https://api.github.com/users/rajinder-yadav/gists{/gist_id}","starred_url":"https://api.github.com/users/rajinder-yadav/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rajinder-yadav/subscriptions","organizations_url":"https://api.github.com/users/rajinder-yadav/orgs","repos_url":"https://api.github.com/users/rajinder-yadav/repos","events_url":"https://api.github.com/users/rajinder-yadav/events{/privacy}","received_events_url":"https://api.github.com/users/rajinder-yadav/received_events","type":"User","site_admin":false},"labels":[{"id":255142472,"url":"https://api.github.com/repos/rangle/augury/labels/can't%20reproduce","name":"can't reproduce","color":"006b75","default":false},{"id":276705215,"url":"https://api.github.com/repos/rangle/augury/labels/help%20wanted","name":"help wanted","color":"d4c5f9","default":true},{"id":377206547,"url":"https://api.github.com/repos/rangle/augury/labels/investigation","name":"investigation","color":"1d76db","default":false},{"id":341425741,"url":"https://api.github.com/repos/rangle/augury/labels/ready","name":"ready","color":"ededed","default":false}],"state":"open","locked":false,"assignee":{"login":"rajinder-yadav","id":439226,"avatar_url":"https://avatars2.githubusercontent.com/u/439226?v=3","gravatar_id":"","url":"https://api.github.com/users/rajinder-yadav","html_url":"https://github.com/rajinder-yadav","followers_url":"https://api.github.com/users/rajinder-yadav/followers","following_url":"https://api.github.com/users/rajinder-yadav/following{/other_user}","gists_url":"https://api.github.com/users/rajinder-yadav/gists{/gist_id}","starred_url":"https://api.github.com/users/rajinder-yadav/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rajinder-yadav/subscriptions","organizations_url":"https://api.github.com/users/rajinder-yadav/orgs","repos_url":"https://api.github.com/users/rajinder-yadav/repos","events_url":"https://api.github.com/users/rajinder-yadav/events{/privacy}","received_events_url":"https://api.github.com/users/rajinder-yadav/received_events","type":"User","site_admin":false},"assignees":[{"login":"rajinder-yadav","id":439226,"avatar_url":"https://avatars2.githubusercontent.com/u/439226?v=3","gravatar_id":"","url":"https://api.github.com/users/rajinder-yadav","html_url":"https://github.com/rajinder-yadav","followers_url":"https://api.github.com/users/rajinder-yadav/followers","following_url":"https://api.github.com/users/rajinder-yadav/following{/other_user}","gists_url":"https://api.github.com/users/rajinder-yadav/gists{/gist_id}","starred_url":"https://api.github.com/users/rajinder-yadav/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rajinder-yadav/subscriptions","organizations_url":"https://api.github.com/users/rajinder-yadav/orgs","repos_url":"https://api.github.com/users/rajinder-yadav/repos","events_url":"https://api.github.com/users/rajinder-yadav/events{/privacy}","received_events_url":"https://api.github.com/users/rajinder-yadav/received_events","type":"User","site_admin":false}],"milestone":null,"comments":1,"created_at":"2016-11-24T17:03:45Z","updated_at":"2017-03-02T16:00:31Z","closed_at":null,"body":"Augury does not correctly update the property tab view when a new property is added to a component. You need to click on a different component and back again for it to appear correctly.\r\n\r\nThis happens in the code if a property is declared but not initialized with a value, for example here the property count will get compiled away by TypeScript until it holds a value.\r\n\r\n```\r\nexport class AppComponent {\r\n  title = 'Angular Input Output';\r\n  count: number;\r\n\r\n  @Input() message = \"Message Board\"\r\n```\r\n\r\nWhat we see is something like this initially\r\n\r\n<img width=\"247\" alt=\"screen shot 2016-11-24 at 10 36 37 am\" src=\"https://cloud.githubusercontent.com/assets/439226/20606220/7bdd6910-b23d-11e6-97ad-72645983456a.png\">\r\n\r\nSome time later when count holds a value it's appears in the property tab view, but the User is forced to manually refresh the view by click on a different component and then back on the AppComponent.\r\n\r\n<img width=\"241\" alt=\"screen shot 2016-11-24 at 11 41 22 am\" src=\"https://cloud.githubusercontent.com/assets/439226/20606250/b3befe98-b23d-11e6-953c-159a9c63b2eb.png\">\r\n\r\nThe ideal fix would have this property shown automatically when a (new) value is bound to it."},"comment":{"url":"https://api.github.com/repos/rangle/augury/issues/comments/283694405","html_url":"https://github.com/rangle/augury/issues/821#issuecomment-283694405","issue_url":"https://api.github.com/repos/rangle/augury/issues/821","id":283694405,"user":{"login":"stevenkampen","id":898763,"avatar_url":"https://avatars1.githubusercontent.com/u/898763?v=3","gravatar_id":"","url":"https://api.github.com/users/stevenkampen","html_url":"https://github.com/stevenkampen","followers_url":"https://api.github.com/users/stevenkampen/followers","following_url":"https://api.github.com/users/stevenkampen/following{/other_user}","gists_url":"https://api.github.com/users/stevenkampen/gists{/gist_id}","starred_url":"https://api.github.com/users/stevenkampen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stevenkampen/subscriptions","organizations_url":"https://api.github.com/users/stevenkampen/orgs","repos_url":"https://api.github.com/users/stevenkampen/repos","events_url":"https://api.github.com/users/stevenkampen/events{/privacy}","received_events_url":"https://api.github.com/users/stevenkampen/received_events","type":"User","site_admin":false},"created_at":"2017-03-02T16:00:31Z","updated_at":"2017-03-02T16:00:31Z","body":"@rajinder-yadav Just to confirm what you saw here... With typescript v2, the uninitialized class member is still compiled out (doesn't exist in the \"state\"), but when updated (as a result of a `setTimeout`) *does* appears automatically, without having to refresh Augury's view of the component by clicking on another component or anything like that. Is that correct?\r\n\r\nI tested with:\r\n```\r\nexport class AppComponent {\r\n  title = 'Augury Routes Demo';\r\n  private count: number;\r\n  constructor() {\r\n    setTimeout(() => this.count = 1, 3000);\r\n  }\r\n}\r\n```\r\n\r\nWhich generated the JS:\r\n```\r\n    function AppComponent() {\r\n        var _this = this;\r\n        this.title = 'Augury Routes Demo';\r\n        setTimeout(function () { return _this.count = 1; }, 3000);\r\n    }\r\n```\r\n\r\nIf we're on the same page, then the question is \"Is this expected behaviour for TS? (the compiling out of uninitialized class members).\"\r\n\r\nI am not expert enough to know off hand, but I guess we should look for that answer, if you agree."}}
{"actor":{"display_login":"stevenkampen"}}