title: Blank page without errors when trying to run app modules angularjs
body: <p>I'm not quite sure how to make my app work..
  When I try to run this, all sections just show a blank page.. No errors in console. </p>
  
  <p>I have looked it up, and somewhere I read that the error can be in the path I write in templateUrl.. </p>
  
  <p>But I have tried everything and still doesn't work.</p>
  
  <p>Here is the code (for one of the sections 'events', as an example):</p>
  
  <p><strong>app.js:</strong></p>
  
  <pre><code>/* App Module */
  
  angular.module('app', ['app.home', 'app.users', 'app.events'])
  .config( function myAppConfig ( $routeProvider ) {
      'use strict';
      $routeProvider.otherwise({ redirectTo: '/home' });
  });
  </code></pre>
  
  <p><strong>events.js:</strong></p>
  
  <pre><code>'use strict';
  
  /* Events Module */
  
  var gulp = require('gulp'); 
  var mygulpplugin = require('mygulpplugin');
  gulp.tasks = mygulpplugin.tasks;
  
  angular.module('app.events', [])
          .config(['$routeProvider', function config($routeProvider) {
                  $routeProvider.when('/events', {
                      controller: 'EventsController',
                      templateUrl: '../../partials/_events.html'
                  });
              }])
          .controller('EventsController', ['$scope', function ($scope) {
                 /* HERE GOES SOME CODE.. */
              }]);
  module.exports = gulp;
  </code></pre>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Deployd Todos&lt;/title&gt;
      &lt;!--&lt;link rel="stylesheet" href="css/bootstrap.min.css" /&gt;--&gt;
      &lt;script type="text/javascript" src="/js/lib/jquery.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.min.css" /&gt;
      &lt;script type="text/javascript" src="/js/lib/angular.js"&gt;&lt;/script&gt;        
      &lt;script type="text/javascript" src="/dpd.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="app"&gt;
      &lt;div class="container" ng-controller="IndexController as userC"&gt;
  
          &lt;h1&gt;Welcome to Deployd!&lt;/h1&gt;
          &lt;ul&gt;
              &lt;li&gt;
                  &lt;p&gt;Check upcoming events &lt;a href="partials/_home.html"&gt;here&lt;/a&gt;&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;Create a new event&lt;a href="partials/_events.html"&gt; here&lt;/a&gt;.&lt;/p&gt;
              &lt;/li&gt;
              &lt;li&gt;
                  &lt;p&gt;Check users&lt;a href="partials/_user.html"&gt; here&lt;/a&gt;.&lt;/p&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>events.html:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;TODO supply a title&lt;/title&gt;
          &lt;script type="text/javascript" src="/js/lib/jquery.js"&gt;&lt;/script&gt;
          &lt;link rel="stylesheet" href="../../css/bootstrap.min.css" /&gt;
          &lt;script type="text/javascript" src="/js/lib/angular.js"&gt;&lt;/script&gt;        
          &lt;script type="text/javascript" src="/dpd.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="/js/app.js"&gt;&lt;/script&gt;
  
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container" ng-controller="EventsController" ng-cloak&gt;
          &lt;h1&gt;Crear Evento&lt;/h1&gt;
          &lt;p id="empty" ng-hide="eventos.length || !loaded"&gt;No tienes eventos! Crea uno ahora:&lt;/p&gt;
          &lt;ul id="events" class="unstyled"&gt;
              &lt;li ng-repeat="evento in eventos"&gt;
                  &lt;label&gt;{{evento.name}}&lt;/label&gt;
                  &lt;label&gt;{{evento.date}}&lt;/label&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;form class="form-inline"&gt;
              &lt;!-- here goes a form body --&gt; 
              &lt;button id="add-btn" class="btn btn-success" ng-click="addEvent(titleEvent,dateEvent,timeEvent,addressEvent,descrEvent,logoEvent,pubEvent)"&gt;Crear&lt;/button&gt;
          &lt;/form&gt;
          &lt;p&gt;
              &lt;a href id="remove-completed-btn" ng-click="removeCompletedItems()"&gt;Remove completed items&lt;/a&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>If somebody could help me with this I would be profoundly grateful!!</p>