如何在不删除现有数据的情况下渲染帕格视图?

时间:2018-06-19 12:35:48

标签: javascript node.js express pug pugjs

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

  • A部分:有一些数据

  • B部分:空

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

那么我该如何实现呢?渲染VIEW.pug后,尽管我用正确的数据刷新了B部分,但是A部分中的数据消失了。

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

1 个答案:

答案 0 :(得分:0)

创建一个 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'});
});