title: Express + AngularJS + HTML: ng-include not working (404 - Page not found error)
body: <p>I am new to <strong>AngularJS</strong>. I am trying to use <code>ng-include</code> to include an external HTML page in my main HTML page. But the problem is I am not able to include it and getting 404. Following is the folder structure and the code,</p>
  
  <p><strong>Project Folder Structure:</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/cBHMv.png" alt="enter image description here"></p>
  
  <p><strong>buttonClick.jade</strong> (This is the starting page.)</p>
  
  <pre><code>doctype html
  html(ng-app)
      head
          link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
          link(rel='stylesheet', href='/stylesheets/style.css')
          script(src='/javascripts/angular.min.js')
      body(class="mainPage")
          //include footer.html
          include pageinclude.html
  </code></pre>
  
  <p><strong>pageinclude.html</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;Include Page Demo&lt;/div&gt;
      &lt;div ng-include="'footer.html'"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Note:</strong></p>
  
  <p>1) When I include <code>footer.html</code> page directly in the .jade file then it is working fine. But when I do the same using ng-include in the HTML file it does not work.</p>
  
  <p>2) I have also tried the following ng-include ways,</p>
  
  <pre><code>&lt;div ng-include="'footer.html'"&gt;&lt;/div&gt;
  &lt;ng-include src="'footer.html'"&gt;&lt;/ng-include&gt;
  </code></pre>