在JS中使用twig变量

时间:2019-03-22 08:37:51

标签: javascript twig

(嘿!) 我尝试在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);

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您尝试过这样的事情吗?

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