title: angularjs: how to go back to previous page from a nested view when clicking back button of browser?
body: <p>I have two pages, <strong>index.html</strong> and <strong>tabs.html</strong>. <strong>tabs.html</strong> is a nested structure, it has a tabs component and every tab is bind to a state(<strong>tab1</strong>, <strong>tab2</strong>, <strong>tab3</strong>). When changing from <strong>index.html</strong> to <strong>tabs.html</strong>, the state change path will be: <strong>index</strong> -> <strong>tabs</strong> -> <strong>tab1</strong>. When you click other tabs, the state change path maybe: <strong>index</strong> -> <strong>tabs</strong> -> <strong>tab1</strong> -> <strong>tab2</strong>. Now if you click the back button of the browser, you will just go back from <strong>tab2</strong> to <strong>tab1</strong>, that means you are still in <strong>tabs.html</strong>. Now my question is, is there any good method to realize when clicking the back button of browser, I can go back to <strong>index.html</strong> not just the previous state?</p>