例如,我有一个哈巴狗视图“ VIEW.pug”,它包含两个部分
A部分:有一些数据
B部分:空
从express / node请求GET之后,我想保留部分A的数据并通过使用res.render('VIEW',{xxx})函数用新数据刷新B部分。
那么我该如何实现呢?渲染VIEW.pug后,尽管我用正确的数据刷新了B部分,但是A部分中的数据消失了。
我想A部分和B部分都具有数据,A具有旧的现有数据,而B具有新的数据。
答案 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'});
});