{"action":"created","issue":{"url":"https://api.github.com/repos/angular-ui/ui-router/issues/2459","labels_url":"https://api.github.com/repos/angular-ui/ui-router/issues/2459/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/ui-router/issues/2459/comments","events_url":"https://api.github.com/repos/angular-ui/ui-router/issues/2459/events","html_url":"https://github.com/angular-ui/ui-router/issues/2459","id":126452420,"number":2459,"title":"From a state, loading a newState view which is not a child in the same window","user":{"login":"satwikkansal","id":10217535,"avatar_url":"https://avatars.githubusercontent.com/u/10217535?v=3","gravatar_id":"","url":"https://api.github.com/users/satwikkansal","html_url":"https://github.com/satwikkansal","followers_url":"https://api.github.com/users/satwikkansal/followers","following_url":"https://api.github.com/users/satwikkansal/following{/other_user}","gists_url":"https://api.github.com/users/satwikkansal/gists{/gist_id}","starred_url":"https://api.github.com/users/satwikkansal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/satwikkansal/subscriptions","organizations_url":"https://api.github.com/users/satwikkansal/orgs","repos_url":"https://api.github.com/users/satwikkansal/repos","events_url":"https://api.github.com/users/satwikkansal/events{/privacy}","received_events_url":"https://api.github.com/users/satwikkansal/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-01-13T16:06:33Z","updated_at":"2016-01-26T01:02:38Z","closed_at":null,"body":"I have a state called \"ProductState\" which further contains ui-sref to \"ChatState\" (Chat State is not the child of ProductState\". What I am trying to implement is how to load the ChatState template below the ProductState template without loading the ProductState template again.\r\n\r\nInitial state\r\n`<body>\r\n     <div ui-view> </div>\r\n</body>`\r\n\r\nAfter I visit \"/product\" url --\r\n`<body>\r\n    /* html related to product*/ <br>\r\n   <a ui-sref=\"ChatState\"> </a>\r\n</body>`\r\n\r\nAfter clicking on the hyperlink , I want my page be like\r\n`<body>\r\n   /* html related to product */ <br>\r\n  /* html related to chat */\r\n</body>`\r\nI know I can create a new state or a template to achieve this but this will make my code redundant. Is there any way I can achieve this without repeating the code."},"comment":{"url":"https://api.github.com/repos/angular-ui/ui-router/issues/comments/174753375","html_url":"https://github.com/angular-ui/ui-router/issues/2459#issuecomment-174753375","issue_url":"https://api.github.com/repos/angular-ui/ui-router/issues/2459","id":174753375,"user":{"login":"techbirds","id":3411696,"avatar_url":"https://avatars.githubusercontent.com/u/3411696?v=3","gravatar_id":"","url":"https://api.github.com/users/techbirds","html_url":"https://github.com/techbirds","followers_url":"https://api.github.com/users/techbirds/followers","following_url":"https://api.github.com/users/techbirds/following{/other_user}","gists_url":"https://api.github.com/users/techbirds/gists{/gist_id}","starred_url":"https://api.github.com/users/techbirds/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techbirds/subscriptions","organizations_url":"https://api.github.com/users/techbirds/orgs","repos_url":"https://api.github.com/users/techbirds/repos","events_url":"https://api.github.com/users/techbirds/events{/privacy}","received_events_url":"https://api.github.com/users/techbirds/received_events","type":"User","site_admin":false},"created_at":"2016-01-26T01:02:38Z","updated_at":"2016-01-26T01:02:38Z","body":"thanks i know it. nested views [solved](https://github.com/angular-ui/ui-router/wiki/Nested-States-and-Nested-Views)"}}