ngInclude directive in template twig symfony 2 not working

Question

I bought an html/angular js template and i try to integrated it in symfony 2. The directive ng-include seems to be not working.

{# 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 %}

The layout which is included templates, layout.html.twig , is located in my public folder of my bunlde Accueil : AccueilBundle/Resources/views/Accueil/layout.html.twig

The navigation.html template is located in my public folder of my bunlde Accueil : AccueilBundle/Resources/views/Accueil/views/common/navigation.html

Can you tell me what's wrong ?

i have no error in the browser but nothing is included.

Thank u for your help.

Answer 1

Angular (on client side) can't access/find any files that are outside your web directory.

So I think you have to move/copy/asset-install them to /web/.

Answer 2

AFAIK the syntax for the ngInclude directive is

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

or

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