insert twig in html jquery

Question

I'm trying to insert html with twig via jQuery but the twig is escaped as text. Is there a way to escape the twig when it is appended with 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);

Shay Altman · Accepted Answer · 2016-07-05 18:21:48Z

2

Do something like this

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

edited Jul 5, 2016 at 18:21

answered Jul 5, 2016 at 17:54

Shay Altman

2,7701 gold badge18 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

fcpauldiaz Over a year ago

nice idea, what about the {{ path('easyadmin')}} and other twig vars?

Shay Altman Over a year ago

When you are in twig file, you can write every twig code wherever you want(of course between curly brackets or other signs)

barden · Accepted Answer · 2016-07-05 18:20:25Z

1

Actually Twig is interpreted by server (like PHP). So you can't write twig in jQuery (because the page is already loaded).

So the solution is to encapsulate your jQuery code into your twig condition.

answered Jul 5, 2016 at 18:20

barden

3897 silver badges21 bronze badges

Collectives™ on Stack Overflow

insert twig in html jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related