calling variable from flask to javascript and use for loop

Question

I am doing a flask project, and I am trying to call a list from flask and use a for loop to process the list in javascript. However, this does not seem to work.

for (var i = 0; i < 2; i++) {
    L.marker(["{{location[i][0]}}", "{{location[i][1]}}"], {
        icon: L.mapquest.icons.marker(),
    }).bindPopup("restaurant").addTo(map);
}

If I change ["{{location[i][0]}}", "{{location[i][1]}}"] to ["{{location[0][0]}}", "{{location[0][1]}}"], this code will work. I am wondering if there is any special rule when using the javascript variable to call a list in flask. Please let me know if I should provide any other code. Thank you in advance!

flask and javascript can not interact. If you want to iterate over all the values from the python data structures you need to do that in flask and not in javascript. — Jakob F
– Jakob F, Commented Nov 21, 2020 at 20:21

Jakob F · Accepted Answer · 2020-11-21 20:31:22Z

1

You need to iterate in flask:

{{% for i in range(2) %}}
    L.marker(["{{location[i][0]}}", "{{location[i][1]}}"], {
        icon: L.mapquest.icons.marker(),
    }).bindPopup("restaurant").addTo(map);
{{% endfor %}}

I have not tested this example and I don't know your project but it shows the method in priciple.

answered Nov 21, 2020 at 20:31

Jakob F

1,05612 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

calling variable from flask to javascript and use for loop

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related