Question

最后一行是pic_list是python列表。是否可以在Flask Jinja2模板中使用javascript变量为Python列表编制索引？

function moveright(cur_pos, list_length) {
  if (current_position !== -9999) {
    current_position = cur_pos;
  }
  if (current_position < list_length - 1) {
    current_position = current_position + 1;
  } else {
    current_position = 0;
  }
  document.getElementById('image').src = {
    {
      pic_list[current_position]
    }
  };
}

Answer 1

我不确定我是否理解这个问题。为什么不通过将集合转换为JSON字符串来尝试将Python列表传递给JavaScript？

1。使用json.dumps()方法将列表转换为JSON字符串。

@app.route('/test')
def custom_view():
    pic_list = ['banana', 'orange', 'apple']
    return render_template('index.html', data=json.dumps(pic_list))

2。将JSON字符串传递到模板

<script>
    console.log({{ data|safe }});
</script>

如果集合中包含user-supplied data，则您应该避免执行此过程。

是否可以将Javascript变量用作烧瓶模板中Python列表的索引？

1 个答案: