Question

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

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

问题在于，当我试图获得var data时，它什么都没得到。

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

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

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

提前多多感谢。

Answer 1

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

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

1 个答案: