html jqueryにtwigを挿入

Question

jQuery経由でhtmlを挿入しようとしていますが、その小枝はテキストとしてエスケープされています。それは、jqueryと追加されたときに小枝をエスケープする方法はありますか？

var html = ` 
     {% if is_granted('ROLE_ADMIN') and app.user %} 

     <div class="col-sm-1 col-md-1"> 
      <div class="form-group"> 
       <div class="dropup"> 
         <a class="btn btn-primary btn-sm" href="{{ path('easyadmin')}}"><i class=" glyphicon glyphicon-dashboard"></i> Administrar sistema</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 

     <div class="col-md-1 col-md-offset-7"> 
      <div class="form-group"> 
        <i id ="hide-footer" class="glyphicon glyphicon-remove white gi-2x"></i> 
      </div> 
     </div> 
     {% endif %}` 


$('#reshow-footer').append(html); 

Answer 1

ような何かを行います。 jQueryにtwigを書くことはできません（ページが既に読み込まれているため）。

解決策は、jQueryコードをtwig条件にカプセル化することです。

Answer 2

実際に小枝が（PHPのような）サーバーによって解釈され、この

{% if is_granted('ROLE_ADMIN') and app.user %} 
    <script> 
     var html = 'your text or url="{{ path('rout_name') }}"'; 
     $('#reshow-footer').append(html); 
    </script 
{% endif %}