在JS中使用twig变量

Question

（嘿！）我尝试在我的JS文件中使用twig变量，我尝试了这里提到的方式，但在我的情况下，它不起作用。

{% 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);

返回{{property}}而不是数组

当然我试过简单和双引号。 有人有什么主意吗 ？

Answer 1

你应该在你的变量中使用toArray函数并调用：

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

Answer 2

你尝试过这样的事吗？

let property = {{ property }}

更新

让我们尝试一种Symfony方式 ：

树枝：

<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');
});