Question

我买了一个html / angular js模板，我尝试将它集成到symfony 2中。指令ng-include似乎无效。

{# 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 Accueil的公共文件夹中： AccueilBundle /资源/视图/ ACCUEIL /视图/普通/ navigation.html

你能告诉我什么是错的吗？

我在浏览器中没有错误，但没有包含任何内容。

感谢您的帮助。

Answer 1

Angular（在客户端）无法访问/查找Web目录之外的任何文件。

所以我认为你必须将它们移动/复制/资产安装到/ web /.

Answer 2

AFAIK ngInclude指令的语法是

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

或

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

在模板树枝symfony2中的ng Include指令不起作用

2 个答案: