Pug：使用 pug/jade 在每个循环中调用函数答案

【问题标题】：Pug: Call function in each loop using pug/jadePug：使用 pug/jade 在每个循环中调用函数
【发布时间】：2018-06-28 02:05:18
【问题描述】：

我正在尝试编写一个简单的应用程序，例如待办事项列表，当我按下按钮时，我需要动态创建（在 div 中使用增量 id），并在 HTML 输入中输入一些文本。例如：

<div id="item1">
<div id="item2">
<div id="item3">
<div id="item4">

问题是，当我尝试获取 var data 时，它什么也得不到。

如何在each loop 中迭代var data？怎么称呼？

我需要您的帮助来编写以下代码：

script.
    var data = new Array(); // creating array

    function add_element(){
    data.push(document.getElementById("t1").value);
    document.getElementById("t1").value=''; //it set blank in box again
    console.log(data)}


div
input(type="text" id="t1")
button(id="" onclick="add_element()") add

ul
    each val, index in {data} //<- how to iterate data var here? how to call it?
        li= index + ': ' + val

非常感谢。

【问题讨论】：

标签： javascript jquery node.js pug pugjs

【解决方案1】：

each 循环用于迭代 Pug 变量（通过 Express 或其他方式传递给它）。它们从服务器接收数据，但不从客户端接收数据。 JavaScript 变量不能被 Pug 的循环迭代；因此，您尝试迭代的数组需要在服务器上创建，或者您需要使用常规 JavaScript 循环来迭代该数组并生成 HTML。

【讨论】：