如何在不删除现有数据的情况下呈现哈巴狗视图?

How to render a pug view without removing existing data?

比如我有一个哈巴狗视图'VIEW.pug',它包含两部分

从 express/node 请求 GET 后,我想保留 A 部分的数据并使用 res.render('VIEW', {xxx}) 用新数据刷新 B 部分函数。

那么我怎样才能做到这一点呢?一旦我渲染 VIEW.pug,虽然我用正确的数据刷新了 B 部分,但是 A 部分的数据消失了。

我想要 A 部分和 B 部分都有数据,A 部分有旧的现有数据,B 部分有新数据。

创建一个 layout.pug 文件:

html
  head
    title My Site - #{title}
    block scripts
      script(src='/jquery.js')
  body
    block content

现在用 partA.pug 创建一个文件,扩展布局文件:

-extends layout.pug
  block content
  h1= PART A

现在使用 include 将 partB 包含在 partA 文件中

 include includes/partB.pug

你的partB.pug应该根据条件

呈现
#partB
- if(section=== 'DEMO-1') {
| <p>DEMO 1</p>
- }
- if(section === 'DEMO-2') {
| <p>DEMO 2</p>
- }

app.js

var express=require('express');
let app = express();
app.set("view engine", "pug");
app.set("views", path.join(__dirname, "views"));


app.get('/demo1',function(req,res){
   return res.render("partA",{section:'DEMO-1'});
});

app.get('/demo2',function(req,res){
   return res.render("partA",{section:'DEMO-2'});
});