Вызов шаблона внутри шаблона angularjs

Question

Отслеживание и шаблоны питания называются, как показано ниже: это будет отображаться

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

При отслеживании маршрута называется tracking.html. Я также хочу отобразить файл питания.html внутри tracking.html при вызове.

Так, в tracking.html я включил код, как показано ниже:

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

ожидал, что nutrition.html также отображается внутри tracking.html, когда мой маршрут tracking.html. Но не работает. Что-то здесь отсутствует?

Answer 1

Попробуйте обернуть URL в одинарные кавычки. <ng-include src=" 'templates/nutrition.html' "></ng-include>