title: Controller is loaded in DOM but the view not loaded and can't find controller- oclazyload with jade(pugjs)
body: <p>I am using angular 1.6 for my project and angular-ui-routing for routing with PugJs for HTML templates. 
  I am trying to implement Lazyload in my application, but somehow its not working may be due to jade.
  code : </p>
  
  <pre><code>var app = angular.module('myApp',['ui.router','oc.lazyLoad']);
  app.config(['$ocLazyLoadProvider', function($ocLazyLoadProvider
   {
     $ocLazyLoadProvider.config({
     debug: true,
     modules: [{
     name: 'js',
     files: ['js/*']
   }]
  });
  }]);
  
  .state("exampleState", {
          url: '/example',
          templateUrl: '/example',
          controller:'exampleCtrl',
  
          resolve: {
              deps: ['$ocLazyLoad', function($ocLazyLoad) {
                  return $ocLazyLoad.load({
                      files: ['/js/exampleCtrl.js']
                  })
              }]
          }
      })
  </code></pre>
  
  <p>Controller : </p>
  
  <pre><code>app.controller('exampleCtrl',function($scope){
    console.log('controller loaded');
  });
  </code></pre>
  
  <p>and on the frontend I am using node to convert these jade into HTML, so when 'templateUrl' is accessed by routing services it would be redirected to this code:</p>
  
  <pre><code>app.get('/example', function(req, res) {
      res.render('/example');
  });
  </code></pre>
  
  <p>this loads the example.jade in view.
  I am getting this in console</p>
  
  <blockquote>
    <p>[$controller:ctrlreg] The controller with the name 'exampleCtrl' is not registered.</p>
  </blockquote>
  
  <p>Even after controller file is loaded in DOM and also view is not rendering. any help regarding issue welcomed. Thank you</p>