javascript - 在 Javascript 中插入 Jinja2 变量

Question

我正在尝试重构我的 JS。我在 <script> 中有各种 Morris.js 函数在我的 html 文件上。此 html 由 flask 呈现。来自函数的数据通过 Jinja2 模板系统直接从服务器提供。

有什么方法可以在 JS 文件中包含这些函数并为它们提供 jinja 值吗？

我真的不想在 html 中有 onClick 或 JS 脚本，我希望所有 JS 都在单独的 JS 文件中，尽可能长。据我所知，我不能，因为这些变量是由引擎渲染​​的，但在我看来，导入 JS 文件的脚本也由 jinja 引擎渲染，所以我不太确定。

我认为通过 meta 传递数据标签可能是一种可能性，但我真的不想要任何 hack，如果我不能或没有“正确”的方法来做到这一点，我就不会这样做。

示例函数:

foo = function(){
        new Morris.Line({
              element: 'network-chart',
              data: [
              {% for load in node_statistics %}
                { y: {{load['time']}}000, a: {{load['b_sum_up']}}, b: {{load['b_sum_down']}}, c: {{load['b_max_up']}}, d: {{load['b_max_down']}} },

             {% endfor %}
              ],
              xkey: 'y',
              ykeys: ['a', 'b', 'c', 'd'],
              labels: ['sum up bandwidth', 'sum down bandwidth', 'max up bandwidth', 'max down bandwidth']
            });
    }

提前致谢。

Answer 1

如果您将 js 放在单独的文件中，我认为您可以将参数传递给您的函数。