帶有后端的動態車把主模板

Question

在我的快遞應用中使用 HBS 作為模板引擎。 嘗試在動態頁面（詳細信息頁面）中顯示標題時會出現此問題。

我的控制器

exports.getProduct = (req, res, next) => {
    var prodId = req.params.productId;
    Product.findById(prodId)
    .then(([product]) => {
        res.render('shop/product-detail', { 
            product: product[0], 
            title: product.title 
        });
    })
    .catch(err => console.log(err));
};

我的布局

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <title>{{{ title }}}</title>
  </head>

我的看法


<div class="container">

<div class="card-deck">
  <div class="card">
    <img src="{{product.imageUrl}}" class="card-img-top" alt="...">
    <div class="card-body">
      <h5 class="card-title">{{product.title}}</h5>
      <p class="card-text">{{product.description}}</p>
      <p class="card-text"><small class="text-muted">Rp {{product.price}}</small></p>
      <form action="/add-to-cart" method="POST">
        <button type="submit" class="btn btn-outline-primary btn-block">Add to Cart</button>
        <input type="hidden" name="productId" value="{{product.id}}">
      </form>
    </div>
  </div>
</div>

</div>

鑒於產品標題工作正常。 但是在主模板（layout）中沒有顯示出來。

Answer 1

服務器端： title: product[0].title

前端將<title>{{{ title }}}</title>替換為

<title>{{ title }}</title>

帶有后端的動態車把主模板

問題描述

1 個解決方案

解決方案1
0 已采納 2020-02-26 05:05:10

帶有后端的動態車把主模板

問題描述

1 個解決方案

解決方案1 0 已采納 2020-02-26 05:05:10

解決方案1
0 已采納 2020-02-26 05:05:10