Question

（嘿！）我尝试在JS文件中使用一个twig变量，我尝试了使用here的方式，但是在我的情况下，它不起作用。

{% for property_name, property_rent in property %}
            <tr>
                <td>
                    {{ property_name }}
                </td>
                <td>
                    {{ property_rent }} €
                </td>
            </tr>
        {% endfor %}

和这个JS：

let property = "{{ property }}";
console.log(property);

返回{{属性}}而不是数组

当然，我尝试使用单引号和双引号。有人知道吗？

Answer 1

您应该在变量中加入toArray函数并调用：

app_user = {{ app.user.toArray|json_encode() }};

Answer 2

您尝试过这样的事情吗？

let property = {{ property }}

更新

让我们尝试Symfony way：

嫩枝：

<div class="js-user" data-user="{{ app.user }}">
</div>

JavaScript：

document.addEventListener('DOMContentLoaded', function() {
    var userBlock = document.querySelector('.js-user');
    var user = userBlock.dataset.user;

    // or with jQuery
    //var user = $('.js-user').data('user');
});

在JS中使用twig变量

2 个答案: