Accessing javascript variable inside {{ }} symfony twig

Question

I have an array arr sent from the controller to a twig template containing some JavaScript script , i want to use for loop to access rows of the array like this:

for (var i = 0; i < 3; i++) {
                alert('{{ arr[i] }}');
            }

But the variable i is unknown, i get this error :

Variable "i" does not exist.

Any suggestions?

You can't do that. The javascript variable i is only available at runtime. What you need to do is parse your twig array to a javascript one. Related — DarkBee
– DarkBee, Commented Apr 12, 2017 at 15:03
Possible duplicate of Use Javascript to access a variable passed through Twig — goto
– goto, Commented Apr 12, 2017 at 16:19

Dany Badr · Accepted Answer · 2017-04-12 15:45:32Z

5

This is how to get a php array from the controller to a javascript array through twig:

Controller

return $this->render(
    'AppBundle:index.html.twig',
     array(
         'myArray' => array('foo', 'bar', 'z')
     )
);

Twig view

{% block javascripts %}
    <script type="text/javascript">
        var myArray = '{{ myArray | json_encode | raw }}';
    </script>
{% endblock %}

answered Apr 12, 2017 at 15:45

Dany Badr

916 bronze badges

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

1 Comment

Hamza Over a year ago

Thank you that's working, just in case somebody needs this, to parse the array myArray you can use : var jsonData = JSON.parse(myArray);

goto · Accepted Answer · 2017-04-12 15:13:03Z

4

Twig is PHP. You send its values to javascript but you can't take javascript variables to php. (except AJAX etc... but not relevant here)

Possible:

/* javascript variable */
var name = {{ object.name }}
console.log(name);

Impossible:

/* javascript variable */
var name = 'toto';
{# Twig #}
{{ name }} // <- IMPOSSIBLE

answered Apr 12, 2017 at 15:13

goto

8,21210 gold badges50 silver badges60 bronze badges

2 Comments

Hamza Over a year ago

In my case, i'm sending php array to javascript , but i don't know how to parse it.

goto Over a year ago

You could use the Symfony serializer or if its some simple object: Use Javascript to access a variable passed through Twig

Collectives™ on Stack Overflow

Accessing javascript variable inside {{ }} symfony twig

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related