除非在$ scope中传递,否则AngularJS ng-include不包含视图

Question

假设ngInclude可以采取原始路径是错误的吗？我一直试着设置ngInclude如下:

<div ng-include src="views/header.html"></div>

这不起作用,但如果我做这样的事情它确实有效.

// HeaderController
app.controller('HeaderCtrl', function($scope){
   $scope.templates = {[
     template: { url: 'views/header.html' }
   ]};

   $scope.template = $scope.templates[0].template;
});

在我的index.html中

<div ng-controller="HeaderCtrl">
  <div ng-include src="template.url"></div>
</div>

难道ngInclude仅仅只是关闭范围的值？如果是这样,为什么会这样,而不是直接包含html部分.

Answer 1

ng-include接受一个表达.如果要直接在其中指定显式URL,则必须提供字符串.

<div ng-include src="'page.html'"></div>