title: Load only body on page change
body: <p>On my website i'm displaying the same header on each page and I wanted to know if there's an AngularJS / jQuery or simple JS solution to load only the content of the body and not the header on page change.</p>
  
  <pre><code>&lt;html ng-app="headerApp" ng-controller="HeaderCtrl"&gt;
    &lt;head&gt;
      &lt;!-- here I load my JS and css ... --&gt;
      &lt;div ng-include="'templates/Header.tpl.html'"&gt;&lt;/div&gt;
     &lt;/head&gt;
     &lt;body&gt;
       &lt;div ng-include="'templates/IndexBody.tpl.html'"&gt;&lt;/div&gt;
     &lt;/body&gt;
  &lt;footer&gt;&lt;div ng-include="'templates/Footer.tpl.html'"&gt;&lt;/div&gt;  &lt;/footer&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So my HTML looks like this I have separate template for each parts. But for now I create a html file for each pages. So I think there's a way to change the ng-include in the body.</p>
  
  <p>Thanks for your help ! </p>