除非在$ 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>