如果满足约束,则在twig中调用javascript函数

时间:2015-11-18 19:03:12

标签: javascript twig

如何将javascript函数调用为本地化的twig 如果在树枝中满足约束,则<script src="{{ asset('assets/js/main.js') }}"></script>。 例如:

{% if app.user %} call javascriptfunction here {% else %} {% endif %}

1 个答案:

答案 0 :(得分:0)

我会这样做的两种方式。首先,如果你只想从Twig文件调用你的JS函数,你基本上已经得到了它。

在main.js中定义你的函数。然后就像你已经得到的那样,在Twig文件中:

{% if app.user %}
    <script>
        doFunction();
    </script>
{% endif %}

其次,如果它是一个总是执行的函数,并且你想要一些依赖于Twig使用的变量的逻辑,那就做这样的事情。

在您的Twig文件中的HTML中,如湖南建议的那样,添加一些表示app.user值的内容。 e.g。

<div id="yourUser" data-app-user="{{ app.user }}">

然后在你的函数中,使用一些JS来检查这个被设置的值,例如(我假设您正在使用jQuery):

function checkUser() {
    if ($('#yourUser').data('appUser')) {
        // do something specific for the user
    } else {
        // or do something else...
    }
}