title: How to do page redirection using ui-router when using nested view in each page?
body: <p>I am using ui-router and it works great with single page, as i have broken my page in multiple subviews each having its own controller. Now i have two such pages, but not able to figure out how to redirect to another page using ui-router. </p>
  
  <pre><code>$stateProvider
   .state('main', {
    url: '/',
  views: {
    '': {
      templateUrl: 'index.html',
      controller: 'projectInitCtrl',
    },
    'tab_overview': {
      templateUrl: 'assets/views/part_page.html',
      controller: 'tabOverviewCtrl',
    }
  }
  })
  .state('dashboard', {
  url: '/dashboard',
  views: {
    '': {
      templateUrl: 'main.html',
      controller: 'projectInitCtrl',
    },
    'tab_overview': {
      templateUrl: 'assets/views/part_page_1.html',
      controller: 'tabOverviewCtrl',
    }
  }
  });
  
  $urlRouterProvider.otherwise('/');
  </code></pre>
  
  <p>i can access / using localhost:9000(port on which i am running my app), now how to redirect to /dashboard?</p>
  
  <p>I am using angularjs. Do suggest me if alternative ways with which i can achieve this if not with ui-router?</p>