Question

您好，我一直在遵循有关如何制作购物车网站的指南。当他使用{{#each products}}标签从MongoDB输出对象时，我遇到了一个问题。我没有收到错误，但是我得到了一个空白页，其中仅显示navbar，因为它位于header.hbs文件中，而不是index.hbs中。我的代码如下：

   <br>
<br>
<br>
<br>

{{#each products}}
<div class="row">
{{#each this}}
<div class="card" style="width: 17rem;">
  <img src="{{this.imagePath}}" class="card-img-top" alt="..."/>
  <div class="card-body" style="background-color:rgb(206, 206, 206);">
    <h5 class="card-title" style="color:black;"> {{ this.title}}  </h5>
    <p class="card-text" style="color:black;"> {{this.description}} </p>
    <div class="cleafix"></div>
    <div class="price" style="text-align:center"> {{this.price}}  </div>
    <a href="#" class="btn btn-success col-md-5 col-lg-12"><i class="fas fa-shopping-cart"></i> Add to Shopping Cart</a>
    </div>
</div>
{{/each}}
</div>
{{/each}}

{{#each products}}
<div class="row">
{{#each this}}
<div class="card" style="width: 17rem;">
  <img src="{{this.imagePath}}" class="card-img-top" alt="..."/>
  <div class="card-body" style="background-color:rgb(206, 206, 206);">
    <h5 class="card-title" style="color:black;"> {{ this.title}}  </h5>
    <p class="card-text" style="color:black;"> {{this.description}} </p>
    <div class="cleafix"></div>
    <div class="price" style="text-align:center"> {{this.price}}  </div>
    <a href="#" class="btn btn-success col-md-5 col-lg-12"><i class="fas fa-shopping-cart"></i> Add to Shopping Cart</a>
    </div>
</div>
{{/each}}
</div>
{{/each}}

{{#each products}}
<div class="row">
{{#each this}}
<div class="card" style="width: 17rem;">
  <img src="{{this.imagePath}}" class="card-img-top" alt="..."/>
  <div class="card-body" style="background-color:rgb(206, 206, 206);">
    <h5 class="card-title" style="color:black;"> {{ this.title}}  </h5>
    <p class="card-text" style="color:black;"> {{this.description}} </p>
    <div class="cleafix"></div>
    <div class="price" style="text-align:center"> {{this.price}}  </div>
    <a href="#" class="btn btn-success col-md-5 col-lg-12"><i class="fas fa-shopping-cart"></i> Add to Shopping Cart</a>
    </div>
</div>
{{/each}}
</div>
{{/each}}

{{#each products}}
<div class="row">
{{#each this}}
<div class="card" style="width: 17rem;">
  <img src="{{this.imagePath}}" class="card-img-top" alt="..."/>
  <div class="card-body" style="background-color:rgb(206, 206, 206);">
    <h5 class="card-title" style="color:black;"> {{ this.title}}  </h5>
    <p class="card-text" style="color:black;"> {{this.description}} </p>
    <div class="cleafix"></div>
    <div class="price" style="text-align:center"> {{this.price}}  </div>
    <a href="#" class="btn btn-success col-md-5 col-lg-12"><i class="fas fa-shopping-cart"></i> Add to Shopping Cart</a>
    </div>
</div>
{{/each}}
</div>
{{/each}}

关于可能是什么问题的任何提示？我读到{{#each}}已过时，新标签为#for，但我无法使其正常工作。我检查了DB，发现对象就在那里了。谢谢！

尝试从mongoDB输出对象时出现hbs（handlebars）问题

0 个答案: