Node.js 如何在express JS中渲染选项卡内的局部视图?
我想知道如何在选项卡面板内渲染局部视图。我的路线从索引页开始,使用以下代码:Node.js 如何在express JS中渲染选项卡内的局部视图?,node.js,express,tabs,handlebars.js,Node.js,Express,Tabs,Handlebars.js,我想知道如何在选项卡面板内渲染局部视图。我的路线从索引页开始,使用以下代码: var express = require('express') , router = express.Router() , index = require('../models/index') router.use('/users', require('./api/users')) /*GET home page*/ router.get('/', function(req, res) { index
var express = require('express')
, router = express.Router()
, index = require('../models/index')
router.use('/users', require('./api/users'))
/*GET home page*/
router.get('/', function(req, res) {
index.all(function(err, gridData) {
res.locals.gridData = JSON.stringify(gridData.details);
res.render('index');
});
});
我的索引页如下:
<div id="MainTab">
<ul>
<li><a href="#Tab1">Tab1</a></li>
<li><a href="#Tab2">Tab2</a></li>
<li><a href="#Tab3">Tab3</a></li>
</ul>
<div id="Tab1">
{{> Tab1 }}
</div>
<div id="Tab2">
{{> Tab2 }}
</div>
<div id="Lamination">
{{> Tab3 }}
</div>
</div>
{{>Tab1}}
{{>Tab2}}
{{>Tab3}
下面是我的部分带有把手的页面:
Tab1.hbs: <div id='Tab1_Content'>{{{gridData}}}</div>
Tab2.hbs: <div id='Tab2_Content'>Testing Tab2</div>
Tab3.hbs: <div id='Tab3_Content'>Testing Tab3</div>
Tab1.hbs:{{{{gridData}}
表2.hbs:测试表2
表3.hbs:测试表3
最初,我只将数据发送到Tab1。如果我这样做,Tab2和Tab3的部分视图中的内容将从主体内容中消失。单击其各自的选项卡标题时,应加载其余选项卡的内容。请建议我在选项卡中正确加载这些局部视图。什么是“./models/index”导出?