如何将Twig变量传递给JS文件

Question

我有一个Twig变量{{ myVar }}，我需要将它传递给Javascript。我想知道，我该怎么做？

我看过几个类似的解决方案，但它们都要求Javascript写在Twig文件中，而不是在实际的.js中。

Answer 1

正如您已经知道的那样，在HTML中编写JS代码并不是一个好习惯。如果你混合模板变量，那么在重构你的HTML / JS时，你会更难。 所以，基本上，这不是特定于Twig的问题。

我们公司使用的两种解决这个问题的方法是：

1. 利用HTML5的data属性
   它们是存储一些信息的好方法，jQuery甚至可以用你需要的JS类型检索它们！

2. 使用<input type="hidden" />字段。