2014-10-30 66 views
1

所以我想为我的侧栏内容添加一个ng-include,但它不起作用。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> 

我没有看到我的铬控制台的任何错误。可能是我没有正确指向文件位置?

编辑:

目录结构

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

构建目录是在我的服务器看着

+0

你可能需要做的:'

' – xbonez 2014-10-30 02:07:10

回答

1

ng-include不会自动解决src值表达式 - 它只是希望文本。使用小胡子的值内:

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

当然,这假定是<div>正确控制器启用角视和结合的内部。

+0

问题是我没有把这段代码放在ng-view中。一旦我做到了,它的工作 – jrock2004 2014-10-30 02:12:40

+0

从文档:“src - 角度表达式评估到URL” – zeroflagL 2014-10-30 09:10:53