2014-12-03 84 views
0

我買了一個html/angular js模板,我嘗試將它集成到symfony 2中。 指令ng-include似乎不起作用。模板中的ngInclude指令twig symfony 2無法正常工作

{# src/Neobe/AccueilBundle/Resources/views/layout.html.twig #} 

{% extends '::base.html.twig' %} 
{% block title %} 
Welcome 
{% endblock %} 
{% block body %} 
<!-- Wrapper--> 
<div id="wrapper"> 

<!-- Navigation --> 
<div ng-include="'views/common/navigation.html'"></div> 

<!-- Page wraper --> 
<!-- ng-class with current state name give you the ability to extended customization urview --> 
<div id="page-wrapper" class="gray-bg {[{$state.current.name}]}"> 

<!-- Page wrapper --> 
    <div ng-include="'views/common/topnavbar.html'"></div> 

    <!-- Main view --> 
    <div ui-view></div> 

    <!-- Footer --> 
    <div ng-include="'views/common/footer.html'"></div> 

</div> 
</div> 
<!-- End page wrapper--> 


{% endblock %} 

其中包括模板的佈局,layout.html.twig,坐落在我的公開我的bunlde ACCUEIL的文件夾: AccueilBundle /資源/視圖/ ACCUEIL/layout.html.twig

的navigation.html模板位於我的bunlde的公用文件夾中: AccueilBundle/Resources/views/Accueil/views/common/navigation.html

你能告訴我什麼是錯的嗎?

我在瀏覽器中沒有錯誤,但沒有包含任何內容。

謝謝你的幫助。

回答

0

AFAIK的語法爲ngInclude指令是

<div ng-include src="path_to_your_html"></div> 

<ng-include src="path_to_your_html"></ng-include> 
+0

我已經看到這個答案很多時間,我嘗試了所有的語法,但沒有任何變化,事情是在我買的模板的原始文件夾中,他們使用的是這種合成器:

,它運行良好。問題只存在於symfony中。 – user2198685 2014-12-04 09:36:22

+0

嗯,也許你的路徑是關閉的。你有沒有嘗試在你的JS中定義一個作爲範圍變量的路徑,比如'$ scope.pathToHtml ='/path/to/partial.html';'然後在你的HTML模板中使用該範圍的變量? – techouse 2014-12-04 09:40:17

+0

不,不要嘗試這一點,我已經下載鉻lauch batarang,batarang不顯示任何範圍??我會嘗試你所說的。 – user2198685 2014-12-04 09:52:02

0

Angular(在客戶端)無法訪問/查找網絡目錄之外的任何文件。

所以我認爲你必須移動/複製/資產安裝到/ web /。

+0

感謝ü的回答,但我已經做到了這一點,我的意見,目錄複製到網絡文件夾和公共的文件夾像js css等等。但它仍然不起作用。 – user2198685 2014-12-04 08:45:05

+0

如果您在瀏覽器中打開開發人員工具(快捷鍵大多爲F12),您應該會看到控制檯中的一些錯誤和/或網絡部分中的角度請求(包含路徑)。 – Rob 2014-12-04 09:02:02

+0

這就是問題,我沒有在控制檯中的錯誤,我剛剛插入Mozilla的Angscope插件希望它會告訴我一些東西。 – user2198685 2014-12-04 09:22:57