$ scopeに渡されない限り、AngularJS ng-includeはビューを含みません

それ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部分の直接のインクルードではないのですか？

ng-include式を受け入れます。そこで明示的なURLを直接指定する場合は、文字列を指定する必要があります。

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

ng-include、他のディレクティブ（ng-class、ng-src...）がスコープからAngular式を評価するため。引用符（''）がない場合は、スコープの変数を検索します。

src属性を指定する必要がないことに注意してください。

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

書き換え可能：（より簡単）

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

ng-includeを要素として使用することもできます：

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