title: Registering controller Issue Angular 1.6.4
body: <p>I am using Angular 1.6.4 and I can't seem to get the HeaderController to work. This HeaderController will display the navigation bar. Am I not calling it correctly in the HTML? My other components work because I call it using the route templates. Any help or suggestion would be great!</p>
  
  <p>Here is the error message:</p>
  
  <blockquote>
    <p>Error: [$controller:ctrlreg] The controller with the name
    'headerController' is not registered.</p>
  </blockquote>
  
  <p>Here is my HeaderComponent.js</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>module.exports = function (app) {
      app.component('headerController', {
          templateUrl: 'Content/app/components/layout/Header.html',
          controller: HeaderController
      })
  
      function HeaderController() {
  
      }
  }
  </code></pre>
  
  
  
  <p>Here is how I am calling my controller in the body element:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;div ng-controller="headerController"&gt;&lt;/div&gt;
  </code></pre>