ng-include使用范围变量不起作用

Question

所以我试图为我的边栏内容添加一个ng-include但是它不起作用。

app.js

...
gvhsApp.controller('MainController', function($scope) {
    $scope.template = 'views/mainSidebar.html';
});

的index.html

...
<div class="col-md-4">
    <div ng-include src="template"> </div>
</div>

我在Chrome控制台中没有看到任何错误。可能是我没有正确指向文件位置吗？

编辑：

目录结构

app/
   js/
      app.js
   views/
      index.html
      templates/
          mainSidebar.html
build/
   js/
      app.js
   views/
      index.html
      mainSidebar.html

构建目录是我的服务器正在查看的位置

Answer 1

ng-include没有自动将src值解析为表达式 - 它只需要文本。在值中使用mustaches：

<div class="col-md-4">
    <div ng-include src="{{template}}"> </div>
</div>

这当然假设<div>位于启用Angular的视图中并正确绑定到控制器。