title: ng-include directive for angular template
body: <p>In my index.html code is:</p>
  
  <p>i have written ng-include directive as</p>
  
  <p></p>
  
  <p>and my menu.html file is </p>
  
  <pre><code> &lt;div class="container"&gt;
      &lt;div class="row row-content" ng-controller="MenuController"&gt;
          &lt;div class="col-xs-12"&gt;
          &lt;button ng-click="toggleDetails()" class="btn btn-xs btn-primary pull-right" type="button"&gt;
             {{showDetails ? 'Hide Details':'Show Details'}}
          &lt;/button&gt; 
           &lt;ul class="nav nav-tabs" role="tablist"&gt;
                  &lt;li role="presentation"
                   ng-class="{active:isSelected(1)}"&gt;
                  &lt;a ng-click="select(1)"
                   aria-controls="all menu"
                   role="tab"&gt;The Menu&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"
                   ng-class="{active:isSelected(2)}"&gt;
                  &lt;a ng-click="select(2)"
                   aria-controls="appetizers"
                   role="tab"&gt;Appetizers&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"
                   ng-class="{active:isSelected(3)}"&gt;
                  &lt;a ng-click="select(3)"
                   aria-controls="mains"
                   role="tab"&gt;Mains&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"
                   ng-class="{active:isSelected(4)}"&gt;
                  &lt;a ng-click="select(4)"
                   aria-controls="desserts"
                   role="tab"&gt;Desserts&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;div class="tab-content"&gt;
           &lt;ul class="media tab-pane fade in active"&gt;
                  &lt;li class="media" ng-repeat = "dish in dishes  | filter:filtText"&gt;
                      &lt;div class="media-left media-middle"&gt;
                      &lt;a href="#"&gt;
                      &lt;img class="media-object img-thumbnail"
                       ng-src={{dish.image}} alt="Uthappizza"&gt;
                      &lt;/a&gt;
                      &lt;/div&gt;
                  &lt;div class="media-body"&gt;
                      &lt;h2 class="media-heading"&gt;{{dish.name}}
                       &lt;span class="label label-danger"&gt;{{dish.label}}&lt;/span&gt;
                       &lt;span class="badge"&gt;{{dish.price | currency}}&lt;/span&gt;&lt;/h2&gt;
                      &lt;p ng-show="showDetails"&gt;{{dish.description}}&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but i am not able to get expected result from ng-include directive and i am not able to see menu.html output in my index.html file after opening it in any browser.</p>