Вставить список в список автозаполнения HTML через цикл для веб-сайта Flask

Я пытаюсь создать список функций автозаполнения для размещения на моей веб-странице через Python и Jinja2 (через Flask)

Данные:

 data_list=['router1 | location - tx | model A | xxserialxx | 10.0.0.1 | ',
 'router2 | location - mo | model A | xxserialxx | 10.0.0.2 | ',
 'router3 | location - ca | model B | xxserialxx | 10.0.0.3 | ',
 'router4 | location - fl | model A | xxserialxx | 10.0.0.4 | ',
 'router5 | location - ny | model B | xxserialxx | 10.0.0.5 | ']

Это внешний вид по умолчанию, поставляемый с моим шаблоном:

<input class="form-control" placeholder="Type something..." type="text"
        data-autocomplete='[
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"]'>

Я старался:

<input class="form-control" placeholder="Type something..." type="text"
        data-autocomplete='[{% for item in data_list %}
        "{{item}},"]' {% endfor %}>

И ничего не происходит, загружаю HTML, а "data-autocomplete=" ничего не значит..

Логика этого определенно неверна, я это вижу.

Мне не удалось найти много документации о том, как поместить цикл for в структуру, подобную списку, с использованием Jinja.

Я ДУМАЮ, что это совершенно неправильный способ сделать это. Помощь?

Желаемый результат:

<input class="form-control" placeholder="Type something..." type="text"
        data-autocomplete='[
        "router1 | location - tx | model A | xxserialxx | 10.0.0.1 | ",
        "router2 | location - mo | model A | xxserialxx | 10.0.0.2 | ",
        "router3 | location - ca | model B | xxserialxx | 10.0.0.3 | ",
        "router4 | location - fl | model A | xxserialxx | 10.0.0.4 | ",
        "router5 | location - ny | model B | xxserialxx | 10.0.0.5 | ",]'>

person BilliAm    schedule 04.10.2014    source источник


Ответы (1)


Вы можете использовать метод соединения и даже не нуждаетесь в цикле for. Попробуй это:

data-autocomplete="{{'[' + ','.join(data_list) + ']'}}"
person paulo.filip3    schedule 05.10.2014