title: Loading two different pages Angular js
body: <p>I am Totally new to angular js, Little bit difficult to understand the routing concept in the angular js.</p>
  
  <p>I am developing admin site. I need to structure like following.</p>
  
  <p>I've Login.html = this is separate page, instead of partial
       Signup.html = This is also separate page, instead of partial
  After success login, it'll go to dashboard where I'll load all my partials using ng-view.</p>
  
  <p>How could I do that ? I googled it. I can only see all like only for partial views.</p>
  
  <p>I did like following, but not working. I knew this is wrong, but don't know how to do</p>
  
  <p>Project:</p>
  
  <p>app.js</p>
  
  <pre><code>var nApp = angular.module('nApp', ['ngRoute']);
  
  nApp .config(['$routeProvider', function ($routeProvider) {
      $routeProvider
          .when('/Login', {
              templateUrl: 'App/Login/Login.html',
              controller: 'LoginController',
              caseInsensitiveMatch:true
          }).when('/Signup', {
              templateUrl: 'App/Signup/Signup.html',
              controller: 'SignupController',
              caseInsensitiveMatch:true
          }).when('/Dashboard', {
              templateUrl: 'App/Index.html',
              controller: 'DashboardController',
              caseInsensitiveMatch:true
          })
  
      .otherwise({
          redirectTo: '/Login'
      });
  }]);
  </code></pre>
  
  <p>Login.html</p>
  
  <pre><code>&lt;html ng-app="nApp"&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Signup.html</p>
  
  <pre><code>&lt;html ng-app="nApp"&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Index.html</p>
  
  <pre><code>&lt;html ng-app="nApp"&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Placed app.js under App directory
  \
  Is there any other way to do that please mention ... </p>