angularjs - 在模板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。 我还想在调用时在tracking.html 中显示nutrition.html。

因此，在tracking.html 中我包含了如下代码:

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

当我的路线是tracking.html时，期望nutrition.html也显示在tracking.html内。 但不工作。这里还缺少什么吗？

Answer 1

尝试将您的 URL 用单引号引起来。 <ng-include src=" 'templates/nutrition.html' "></ng-include>