title: include multiple parts using ngInclude
body: <p>I am making a <code>WebApp</code> with <code>angularJS</code> and I have something that irritates me. </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;webapp&lt;/title&gt;
  &lt;link href="css/angular-bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="css/style.css" rel="stylesheet"&gt;
  &lt;script src="js/angular-bootstrap.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="app"&gt;
  
  &lt;div class="container"&gt;
      &lt;h1&gt;WebApp&lt;/h1&gt;
      &lt;div ng-controller="home as homeCtrl" ng-cloak class="ng-cloak" class="wrapper"&gt;
          &lt;div ng-include="'blocks/item.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/something.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/health.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/mana.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/running.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/out.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/of.html'"&gt;&lt;/div&gt;
          &lt;div ng-include="'blocks/ideas.html'"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Every item, i have to write another include. is there a way to include these and any additions in the future with one command?</p>