title: Angular and Express routing
body: <p>I've been through many Angular-express seeds and kind of worked out how they work. 
  The problem I am having is: <strong>1).</strong> I would like to use ejs-locals for templating. <strong>2).</strong> How to configure correctly the routing of the server-side and client-side. And also, when entering a URL such as <code>/about</code>, not to generate the error: <code>cannot /get</code></p>
  
  <p><strong>angular <em>app.js</em></strong> contains:</p>
  
  <pre><code>// angular stuff
  
  $routeprovider.when('/', {
   templateUrl: 'index',
   controller: IndexCtrl
  });
  $routeprovider.when('/about', {
   templateUrl: 'partials/about',
   controller: IndexCtrl
  });
  </code></pre>
  
  <p><strong>express app,js</strong> contains:</p>
  
  <pre><code>app.get('/', routes.index);
  app.get('/about', routes.about);
  </code></pre>
  
  <p><strong>routes folder</strong> contains 'index.js':</p>
  
  <pre><code>exports.index = function(req, res){
    res.render('index',{name:"Hello"});
  };
  
  exports.about = function (req, res) {
    res.render('partials/about');
  };
  </code></pre>
  
  <p><strong>Views folder</strong> contains <code>index.ejs</code>:</p>
  
  <pre><code>&lt;!--HTML head/navigation bar here--&gt;
  &lt;div ng-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and inside views folder is a <code>partials</code> folder:
  (<strong>Views/partials/</strong>)</p>
  
  <p><strong>index.ejs:</strong></p>
  
  <pre><code> &lt;h1&gt;Index&lt;/h1&gt;
  </code></pre>
  
  <p><strong>about.ejs:</strong></p>
  
  <pre><code>&lt;h1&gt;About&lt;/h1&gt;
  </code></pre>