Calling template inside template angularjs

Question

Tracking and nutrition templates are called like below:

.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'
          }
      }
  })

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

So, in tracking.html I have included code like below:

  <ng-include src="templates/nutrition.html"></ng-include>

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

how you can named a directive with 'tracking.html'? what is your error msg? — Vu Quyet
– Vu Quyet, Commented Jun 10, 2016 at 16:31
tracking.html is a template..not directive..have edited the question..if that helps...there is no error message in console... — Krishna Prasad Ambaripeta
– Krishna Prasad Ambaripeta, Commented Jun 10, 2016 at 16:34
yes..path is correct...previously it was throwing error on path..but i fixed it..no errors in console... — Krishna Prasad Ambaripeta
– Krishna Prasad Ambaripeta, Commented Jun 10, 2016 at 16:39

Vivek Pratap Singh · Accepted Answer · 2016-06-10 17:01:54Z

3

Try wrapping your URL in single quotes. <ng-include src=" 'templates/nutrition.html' "></ng-include>

answered Jun 10, 2016 at 17:01

Vivek Pratap Singh

10.1k5 gold badges24 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling template inside template angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related