javascript - 同一条语句在for循环内给出错误

服务器端使用带有flask的python，而html模板是jinja2。我正在尝试使用Google API进行标记。纬度和经度信息存储在从Python传递的stores[][]中。这段代码在我的html文件的<script>标记之间，并且工作正常。

var marker = new google.maps.Marker({position: {lat: {{stores[0][5]}}, lng: {{stores[0][6]}}}, map: map});
var marker = new google.maps.Marker({position: {lat: {{stores[4][5]}}, lng: {{stores[4][6]}}}, map: map});

我有多个lat，lng要用来做标记，因此我将其放在for循环中。

var i;
for (i = 0; i < 5; i++) {
  var marker = new google.maps.Marker({position: {lat: {{stores[i][5]}}, lng: {{stores[i][6]}}}, map: map});
}

完全相同的代码，但是放置的索引是i而不是用于索引的数字。突然出现错误说

jinja2.exceptions.UndefinedError: list object has no element Undefined

我再次检查了stores[][]是否包含5个以上的元素。这是非常非常令人困惑的。

最佳答案

你做不到Jinja在JS可以在客户端上运行之前就完全在服务器上评估了。 Jinja无法访问JS代码中的变量。

您应该将循环移动到Jinja本身。

{% for store in stores %}
   var marker = new google.maps.Marker({position: {lat: {{ store[5] }}, lng: {{ store[6] }}}, map: map});
{% endfor %}

关于javascript - 同一条语句在for循环内给出错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53782827/