我有一个名为“boards”的对象。
现在我想在Jade中循环遍历这个对象。
这是我当前的JavaScript函数:
这是结果:
[{"id":1,"parent_board":0,"title":"Lorem 1","description":"ec40db959345153a9912"},
{"id":2,"parent_board":0,"title":"Lorem 2","description":"bb698136a211ebb1dfedb"},
{"id":3,"parent_board":1,"title":"Lorem 1-1","description":"6062bc28a9f781e06417d"}]
现在我想在Jade中循环遍历这个对象。
这是我当前的JavaScript函数:
var htmlElem = document.getElementById('htmlElemId');
htmlElem.innerHTML = "";
for(var i = 0; i < boards.length; i++){
if(boards[i].parent_board == 0){
htmlElem.innerHTML += "<li id='" + boards[i].id + "'>" + boards[i].title + "</li>";
}else{
var parent = document.getElementById(boards[i].parent_board);
if (parent){
parent.innerHTML += "<ul><li id='" + boards[i].id + "'>" + boards[i].title + "</li></ul>";
}
}
}
正如您所看到的,所有“parent_board”值的板子都会自动分配给它们的父板。
因此,使用此JavaScript函数,我的结果如下:
- Lorem 1
- Lorem 1-1
- Lorem 2
这很好。
然而,我正在尝试在纯
Jade中实现这一点,但没有成功。以下是我的Jade代码:
each board in boards
if board.parent_board
ul
li = #{board.title}
else
li = #{board.title}
这是结果:
- Lorem 1
- Lorem 2
- Lorem 1-1
我的Jade代码有什么问题?