title: ng-Include is very slow with the external template
body: <p>I have used <code>ng-include</code> as shown below.But it is very slow.In other words it shows tab's heading without the content of it.Later it loads the content.Which is really BAD.But if I use all the content on the same page then there is no delay.So how can I speed this ? Do you know any trick or method to do that ? Thanks. </p>
  
  <p><strong><em>Parent page :</em></strong></p>
  
  <pre><code>&lt;uib-tab heading="@L("PropertyInformation")"&gt;
  &lt;div ng-include="'~/App/tenant/views/propertymanagement/createPropertyForm.cshtml'"&gt;&lt;/div&gt;
  &lt;/uib-tab&gt;
  </code></pre>
  
  <p><strong><em>Template : createPropertyForm.cshtml</em></strong></p>
  
  <pre><code>     &lt;form name="createPropertyForm" role="form" novalidate class="form-validation"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-xs-4"&gt;
                          &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                              &lt;input class="form-control" type="text" name="StreetNumber" ng-model="vm.property.address.streetNumber" ng-class="{'edited':vm.property.address.streetNumber}" required maxlength="@Address.MaxLength"&gt;
                              &lt;label&gt;@L("StreetNumber")&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-xs-4"&gt;
                          &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                              &lt;input class="form-control" type="text" name="StreetName" ng-model="vm.property.address.streetName" ng-class="{'edited':vm.property.address.streetName}" required maxlength="@Address.MaxLength"&gt;
                              &lt;label&gt;@L("StreetName")&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-xs-4"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label class="control-label"&gt;@L("City")&lt;/label&gt;
                              &lt;select ng-model="vm.property.address.cityId" class="form-control" ng-options="a.id as a.name + ' | '+ a.zipCode for a in vm.cities" required&gt;
                                  &lt;option value="" disabled=""&gt;-- Select a City --&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
  // having lot more elements
  </code></pre>
  
  <p>When I use above as shown below,then no delays.But I would like to separate those html content to separate template.That is why I have tried above.</p>
  
  <p><strong><em>All in the same page :</em></strong></p>
  
  <pre><code>    &lt;uib-tab heading="@L("PropertyInformation")"&gt;
         &lt;div ng-include="'createPropertyForm.html'"&gt;&lt;/div&gt;
      &lt;/uib-tab&gt; 
  
   &lt;script type="text/ng-template" id="createPropertyForm.html"&gt;
          &lt;form name="createPropertyForm" role="form" novalidate class="form-validation"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                          &lt;input class="form-control" type="text" name="StreetNumber" ng-model="vm.property.address.streetNumber" ng-class="{'edited':vm.property.address.streetNumber}" required maxlength="@Address.MaxLength"&gt;
                          &lt;label&gt;@L("StreetNumber")&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                          &lt;input class="form-control" type="text" name="StreetName" ng-model="vm.property.address.streetName" ng-class="{'edited':vm.property.address.streetName}" required maxlength="@Address.MaxLength"&gt;
                          &lt;label&gt;@L("StreetName")&lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-4"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label class="control-label"&gt;@L("City")&lt;/label&gt;
                          &lt;select ng-model="vm.property.address.cityId" class="form-control" ng-options="a.id as a.name + ' | '+ a.zipCode for a in vm.cities" required&gt;
                              &lt;option value="" disabled=""&gt;-- Select a City --&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  &lt;/form&gt;
  &lt;/script&gt;
  </code></pre>