title: Loading partial views in angular controller into empty document
body: <p>Given an empty document with just the bare essentials, loading js files and stylesheet:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="labApp"&gt;
    &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="/static/lab.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="/static/local.css" /&gt;
      &lt;link rel="stylesheet" href="/static/superhero.min.css" /&gt;
    &lt;/head&gt;
    &lt;body ng-controller="labController"&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And an empty controller in lab.js:</p>
  
  <pre><code>angular.module('labApp', [])
    .controller('labController', function() {
      var lab = this;
    });
  </code></pre>
  
  <p>How do I go about loading a partial view into the body?
  Am I supposed to do things like that manually, using jQuery, or is there some hidden facility in angular to load partials?</p>