Node.js 把手中的嵌套JSON循环
我有以下json格式,想知道如何在Handlebar中迭代此jsonNode.js 把手中的嵌套JSON循环,node.js,handlebars.js,Node.js,Handlebars.js,我有以下json格式,想知道如何在Handlebar中迭代此json [ { items: [ [Object], [Object], [Object], [Object] ] }, { items: [ [Object], [Object], [Object], [Object] ] }, { items: [ [Object] ] } ] 我从上述格式的nodejs获取对象,需要帮助使用循环机制在把手中组织以下代码 <link rel="stylesheet" href="h
[ { items: [ [Object], [Object], [Object], [Object] ] },
{ items: [ [Object], [Object], [Object], [Object] ] },
{ items: [ [Object] ] } ]
我从上述格式的nodejs获取对象,需要帮助使用循环机制在把手中组织以下代码
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 100%;
margin: auto;
}
</style>
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active col-md-12">
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
</div>
<div class="item col-md-12">
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
</div>
<div class="item col-md-12">
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
</div>
<div class="item col-md-12">
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
<div class="col-md-3"><img src="http://cdn.jssor.com/demos/img/travel/06.jpg" alt="Chania"> </div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
</div>
.carousel-inner>.item>img,
.carousel-inner>.item>a>img{
宽度:100%;
保证金:自动;
}
您好,我使用了这些数据:
var context = {
"mainArr" : [{
items: [
["Object"],
["Object"],
["Object"],
["Object"]
]
}, {
items: [
["Object"],
["Object"],
["Object"],
["Object"]
]
}, {
items: [
["Object"]
]
}]
};
下面是您应该使用的循环:
<ul>
{{#each mainArr}}
<li>
<ul>
{{#each items}}
<li>value : {{this}}</li>
{{/each}}
</ul>
{{/each}}
</ul>
{{{#每个mainArr}
-
{{{#每项}
- 值:{{this}}
{{/每个}}
{{/每个}}
这是一个小提琴链接,你可以看到它的工作:可能重复的我尝试过,它不能帮助你,你能告诉我们你尝试了什么吗?{{{{{35;每一个mainArr}}{{{{{35;每一个这个}{{{{35;每一个项目}{{/每一个}{{/每一个}}}你的答案很有帮助,此外,您是否可以通过使用每个或任何其他循环机制在车把中排列上述硬编码代码来进一步提供帮助?您到底需要什么?我不明白你需要这个代码做什么。