[英]Pug: Call function in each loop using pug/jade
我正在尝试编写一个简单的应用程序,例如TO-DO LIST,我需要在按下Button时动态创建(在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
非常感谢。
each
循环都应迭代Pug变量(通过Express或其他方式传递给Pug变量)。它们从服务器接收数据,但不从客户端接收数据。 JavaScript变量不能使用Pug的循环进行迭代。 因此,您需要在服务器上创建要迭代的数组,或者您需要使用常规的JavaScript循环来迭代该数组并生成HTML。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.