javascript - 如何将 Twig 变量传递到 JS 文件中

Question

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

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

Answer 1

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

我们公司使用的两种解决此问题的方法是:

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

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