express + jade：提供されたローカル変数がビュー内で未定義です（node.js + express + jade）

Question

私はnode.jsを使用してwebappを実装しており、jadeテンプレートエンジンを使用して表現しています。

テンプレートは、ヘルパーやダイナミックヘルパーにはアクセスできますが、エクスプレスで提供され、layout.jadeで利用可能で定義されている "body"ローカル変数以外のローカル変数にはアクセスできません。

これは、コードの一部です：

app.set ('view engine', 'jade'); 

app.get ("/test", function (req, res) { 
    res.render ('test', { 
     locals: { name: "jake" } 
    }); 
}); 

と、これはtest.jadeです：私は（名前を参照）は、第2の行を削除すると

p hello 
=name 

、テンプレートが示す、正しくレンダリングウェブページの "hello"という単語。

500 ReferenceError: Jade:2 NaN. 'p hello' NaN. '=name' name is not defined 
NaN. 'p hello' 
NaN. '=name' 

私はヒスイを以下のローカル変数に対する正確例を表現してると信じて：私は=の名前が含まれている場合、それはにReferenceErrorがスローされます。私は何か間違っているのですか、これは急行や玉のバグでしょうか？

Answer 1

app.set ('view engine', 'jade'); 

app.get ("/test", function (req, res) { 
    res.render ('test', { 
     name: "jake" 
    }); 
}); 

このようにすることができます。

Answer 2

=ではなく、＃{variable-name}を使用できます。次に、私がどのように使用しているかの例を示します。 これは、ページをレンダリングするためのメニューです。ページが読み込まれるたびにページタイトルを渡すので、ページごとにapp.get関数を作成する必要があります。

App.js

var navigation = { 
    home : { 
    uri : "/", 
    url : "index", 
    title : "Home" 
    }, 
    lab : { 
    uri : "/lab", 
    url : "lab", 
    title : "Lab" 
    }, 
    profile : { 
    uri : "/profile", 
    url : "profile", 
    title : "Profile" 
    }, 
    timetable : { 
    uri : "/timetable", 
    url : "timetable", 
    title : "Timetable" 
    } 
} 

app.get(navigation.profile.uri, function(req, res){ //Profile 
    res.render(navigation.profile.url, { 
    title: navigation.profile.title, 
    navigation: navigation 
    }); 
}); 

profile.jade

section#page-content 
    h1#page-title #{title} 
    p Welcome to #{title} 

layout.jade

!!! 5 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/reset.css') 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    body 
    header#site-header 
     nav#site-navigation 
     != partial("partials/navigation") 
    section!= body 
    footer#page-footer 

Answer 3

私はエラーがいつか発生していると思いますfavicon.icoのブラウザからの要求のために。 layout.jadeヘッドにこれらの行を追加し

てみてください。これは私が（