如何在javascript中恢复多个twig值？

Question

如何在javascript中恢复多个twig值？

这是我的最后一次尝试：

我设法在我的html中显示数据，这要归功于twig：

{% for step in travel.steps %}
   {{ step.latitude }}
   {{ step.longitude }}
{% endfor %}

这是我在javascript中的尝试：

{% block javascripts %}
<script type="text/javascript">
    $(document).ready(function () {

        var lat = {{ travel.steps.latitude|json_encode() }};
        console.log(lat); //ERROR
    });
</script>

{% endblock %}

Answer 1

我不知道你想做什么，但为什么不做呢：

{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {

    var steps = {{ travel.steps | json_encode() }};
    console.log(steps); 
    //now you can do steps[0].lat or something
});
</script>
{% endblock %}