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