title: AngularJs external file controllers and directives: how to write them correctly?
body: <p>I have an app.js file where I specify my dependencies:</p>
  
  <pre><code>angular.module("myApp", ['angular-jwt', 'chart.js']).config(...)
  </code></pre>
  
  <p>I want an external file for directives, so in directives.js I write:</p>
  
  <pre><code>angular.module('myApp').directive(...)
  </code></pre>
  
  <p>same thing for the controller.js:</p>
  
  <pre><code>angular.module('myApp').controller('pokerstrazzkCtrl', function($scope, $http, jwtHelper) { ...
  </code></pre>
  
  <p>and this is the include script order in the html file:</p>
  
  <pre><code>    &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdn.rawgit.com/auth0/angular-jwt/master/dist/angular-jwt.js"&gt;&lt;/script&gt;
      &lt;script src="Chart.min.js"&gt;&lt;/script&gt;
      &lt;script src="angular-chart.js"&gt;&lt;/script&gt;
      &lt;script src="controller.js"&gt;&lt;/script&gt;
      &lt;script src="directives.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>when displaying in the browsers I get no console errors and source code of the page is exactly what it should but I only see the background, no text or other elements. What am I doing wrong?</p>