在模板angularjs内调用模板

时间:2016-06-10 15:53:40

标签: angularjs

跟踪和营养模板的调用方式如下:

.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。

所以,在tracking.html中我已经包含了如下代码:

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

当我的路线是tracking.html时,期望在.html中显示nutrition营养素。 但不行。这里有什么遗漏?

1 个答案:

答案 0 :(得分:1)

尝试用单引号包装您的网址。 <ng-include src=" 'templates/nutrition.html' "></ng-include>