将变量从树枝传递给js

Question

有没有办法将变量从 twig 传递到位于 bundle.js 的 public/js 目录中的 javascript 文件？或者我是否需要在模板中分配我的变量，然后在将使用变量的地方包含我的脚本文件？

原文由 nowiko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在模板中分配变量并使用 javascript 获取它…

 <script>
var foo = '{{ foo }}';
alert(foo);
</script>

原文由 fire 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

无需将 javascript 文件作为模板的另一种方法是将 javascript 值作为 data-* 属性，然后从 javascript 文件中获取它。这意味着您的 javascript 不一定会耦合到您的 twig 文件。

 <a href="#" data-id="{{ entity.id }}" id="some-link">Link</a>

用 jQuery..

 var id = $('#some-link').data('id');

使用常规 javascript（我认为）..

 var id = document.querySelector('#some-link').dataset.id;

原文由 qooplmao 发布，翻译遵循 CC BY-SA 3.0 许可协议