title: Angular ng-include is not working
body: <p>I have trying to use ng-include to create some partial layouts for pop-up's in my web app. However, for some reason I do not see the HTML getting rendered when I execute the include. Here is my HTML after my Overlay Service adds the ngInclude</p>
  
  <pre><code>&lt;div id="cover" class="" ng-include="'/Angular/views/gears.html'"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And this resides inside of my <code>ng-app</code> and my <code>ng-controller</code>, so I cannot figure out why my view, <code>/Angular/views/gears.html</code> is not showing up correctly?</p>
  
  <p>I made sure that going to <code>/Angular/views/gears.html</code> in the browser does in fact serve the correct HTML. It does</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I just realized that placing the above HTML directly into the page renders the correct HTML, however, I am trying to add the include dynamically using a Service, so I think it is not rendering the <code>ng-include</code> correctly</p>
  
  <p><strong>My Overlay Service</strong></p>
  
  <pre><code>app.factory('overlayService', [function () {
  
          var overlay = {};
          var _cover;
          var _innerContent;
  
          jQuery(document).ready(function () {
              _cover = jQuery(document.createElement('div')).attr({ 'id': 'cover', 'ng-include' :''}).prependTo(jQuery('#mainContent'));
          });
  
  
          overlay.show = function (templateUrl) {
                  jQuery(_cover).addClass('show');
  
                  jQuery('html,body').bind('mousewheel DOMMouseScroll', function (event) {
                      event.preventDefault();
                  });
  
                  //_cover.attr('ng-include', "'/Angular/views/"+templateUrl+"'");
                  overlay.url = templateUrl;
  
                  return _cover;
              }
  
  
            overlay.destroy = function () {
                      jQuery('html,body').unbind('mousewheel DOMMouseScroll');
                      jQuery(_cover).removeClass('show');
  
                  }
  
            return overlay;
  
      }]);
  </code></pre>