如何在不删除现有数据的情况下呈现哈巴狗视图?
How to render a pug view without removing existing data?
比如我有一个哈巴狗视图'VIEW.pug',它包含两部分
A 部分:有一些数据
B 部分:空
从 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'});
});
比如我有一个哈巴狗视图'VIEW.pug',它包含两部分
A 部分:有一些数据
B 部分:空
从 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'});
});