Calling template inside template angularjs
<p>Tracking and nutrition templates are called like below:</p>

<pre><code>.state('app.tracking', {
    url: '/tracking',
    views: {
      'menuContent': {
        templateUrl: 'templates/tracking.html',
        controller: 'TrackingCtrl'
      }
    }
})

  .state('app.nutrition', {
      url: '/nutrition',
      views: {
          'menuContent': {
              templateUrl: 'templates/nutrition.html',
              controller: 'NutritionCtrl'
          }
      }
  })
</code></pre>

<p>When tracking route is called tracking.html will be displayed.
I also want to display the nutrition.html inside the tracking.html when called.</p>

<p>So, in tracking.html I have included code like below:</p>

<pre><code>  &lt;ng-include src="templates/nutrition.html"&gt;&lt;/ng-include&gt;
</code></pre>

<p>expecting that nutrition.html is also displayed inside tracking.html when my route is tracking.html.
But not working. Anything missing here?</p>