title: Why won't my ng-include's load template when called in a ui-view?
body: <p>My <code>routes</code> file looks like:</p>
  
  <pre><code>.state('dashboard', {
    url: '/dashboard'
    views:
      appView:
        templateUrl: '/templates/main.html'
      dashboardView:
        templateUrl: '/templates/partialDashboard.html'
  }).
  </code></pre>
  
  <p><code>main.html</code> looks like:</p>
  
  <pre><code>&lt;section class='main-page container'&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-3 lnHeaderArea"&gt;
        &lt;ng-include src="'/templates/companyHeader.html'"&gt;&lt;/ng-include&gt;
      &lt;/div&gt;
      &lt;div id="main-area" class="col-md-9"&gt;
        &lt;div ui-view="dashboardView"&gt;&lt;/div&gt;
        &lt;ng-include src="'/templates/dashboardFooter.html'"&gt;&lt;/ng-include&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>and <code>partialDashboard.html</code> looks like:</p>
  
  <pre><code>&lt;section ng-controller="DashboardController"&gt;
    &lt;ng-include src="'/templates/dashboardInstitutionalDemand.html'"&gt;&lt;/ng-include&gt;
    &lt;ng-include src="'/templates/dashboardPriceVolume.html'"&gt;&lt;/ng-include&gt;
    &lt;ng-include src="'/templates/dashboardBlockExecutions.html'"&gt;&lt;/ng-include&gt;
    &lt;ng-include src="'/templates/dashboardAnalytics.html'"&gt;&lt;/ng-include&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>But for some reason, those <code>ng-include</code>'d templates won't load. Any reason why?</p>