Express中的路由和脚本(使用Jade) - layout.jade上的脚本

时间:2016-06-17 13:13:52

标签: node.js express

我是Node,Express和Jade的新手,对如何构建我的脚本文件有疑问。

在我的布局中,我在底部列出了jquery。在另一个文件中,在另一个路径上,我想添加一个使用jquery的脚本,所以我想在使用该特定路由时将它添加到layout.jade上的jquery脚本标记下面。

layout.jade:

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/happy.css')
    link(rel='stylesheet', href='/stylesheets/fonts.css')
    link(href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600', rel='stylesheet', type='text/css')
    link(href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600', rel='stylesheet', type='text/css')
    link(href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet")
    link(rel="icon" href="/favicon.png" sizes="16x16" type="image/png")
  body
    block content
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js')
    script(src="/javascripts/script.js")

我希望在浏览/关于路线时将此文件添加到布局页面上的脚本底部:

script(src="/javascripts/scroll.js")

/routes/about.js:

var express = require('express');
var router = express.Router();

router.get('/', function(req, res) {
  res.render('about');
});

module.exports = router;
来自app.js的

app.use('/about', about);

1 个答案:

答案 0 :(得分:0)

您可以使用多个布局,一个使用脚本,另一个不使用

你设置这样的布局

res.render('about', { layout: 'layoutwithscript.jade' }); 

归功于this post

中的@alessioalex
相关问题