title: AngularJS $routeprovider Routing in Mutitab
body: <p>I was using this example to build the login page </p>
  
  <p><a href="https://github.com/cornflourblue/angular-authentication-example" rel="nofollow">angular-authentication-example</a></p>
  
  <p>Once login to this app the home screen should have multi-tab view as mentioned in the below example   </p>
  
  <p><a href="http://plnkr.co/edit/fuVb0mzhmDCKr1xKp7Rn?p=preview" rel="nofollow">plunker</a></p>
  
  <pre><code>&lt;ul class="nav nav-tabs" ng-controller="TabsCtrl"&gt;
    &lt;li ng-class="tabClass(tab)" ng-repeat="tab in tabs" tab="tab"&gt;&lt;a href="{{tab.link}}" ng-click="setSelectedTab(tab)"&gt;{{tab.label}}&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The issue I am facing is the multi-tab is not embedded as Single page App. As mentioned in the demo it should embed in the same view but once I integrated, it is showing as different view. For example, when I click jobs it is taking to new html page but not included  in the same view as in the plunker demo .I want to use the angularjs route provider instead of state provider and the reason is login authentication example is best and I don't want to change the entire logic.</p>