2014-10-30 41 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