extern js文件中的Twig变量 [英] Twig variable in extern js file
本文介绍了extern js文件中的Twig变量的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想要外部我的js代码，但有twig变量。你的伎俩是什么？
I want to external my js code but there is twig variable. What are your tricks ?
team: {{ 'Select your team'|trans }}
谢谢，
推荐答案
我只是把我的树枝变成了需要任何javascript文件之前的全局变量。
I just set my twig vars as globals before requiring any javascript files.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
var my_twig_var = {% if twig_var is defined %}'{{ twig_var }}'{% else %}null{% endif %}
</script>
<script src="scripts/functions.js"></script>
</body>
</html>
我使用的另一个方法是预测javascript块在我的主模板中
Another aproach I use is to forsee a javascript block in my main template
base.twig.html
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
{% block body %}
{% endblock %}
{% block javascript %}
{% endblock %}
</body>
</html>
page.html.twig
{% extends base.twig.html %}
{% block body%}
<h1>Hello World</h1>
{% endblock %}
{% block javascript %}
<script>
alert('{{ twig_var|default('Hello World') }}');
</script>
{% endblock %}
这篇关于extern js文件中的Twig变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
