js文件中的twig代码

Question

在使用带有细枝模板的symfony2时，我通常使用嵌入在*html.twig文件中的js来对页面进行更多的去中心化。

如果我的页面附加了外部JS文件，该怎么办？我怎么能在它们里面引入twig代码呢？

我知道这听起来有点累人，但当尝试从javascript重定向到已知的symfony路径时，这并不是很麻烦。就像这样：

$.post("{{ path('_check_coupon') }}",{code: coupon_code}, function(json) {
    // do whatever...
});

如您所见，我在一个完全独立的js文件中有一个对已知路径"_check_coupon"的ajax调用。

有什么办法解决这个问题吗？

提前感谢

Answer 1

您可以在DOM元素的data-path属性中嵌入这样的路径，如下所示：

<div id="widget" data-path="{{ path('_check_coupon') }}"> ... </div>

然后只需获取它：

$.post( $('#widget').data('path') ,{code: coupon_code}, function(json) {
    // do whatever...
});

这是一种普通的方法，但更易于维护，因为它将js和twig混合在一个文件中-至少你不会得到语法突出显示。

当然，如果您正在处理表单，只需获取表单的action属性。

无论如何，我建议您不要在同一页面上同时使用JS和标记:您将无法缓存脚本，也不能缩小它们，因此请考虑将它们解耦，除非只涉及非常非常少的几行代码。请随时查看my little library about。

Answer 2

我知道答案是旧的，但我遇到了同样的问题，并通过使用verbatim标签找到了以下解决方案。

// {% verbatim %}
(function() {
// {% endverbatim %}
    var val = "{{ myImportVar|raw }}";
// {% verbatim %}

    /**
     * JS Code
     */
     console.log(val);
}());
// {% endverbatim %}

我将它们包装在JS注释中，以使我的编辑器提示等工作。