静的な html ページを作成し、コンテンツを JavaScript オブジェクトにバインドしたいのですが、値をマークダウン ファイルから html にバインドする MetalSmith-layout というプラグインがあることは知っていますが、私の場合、バインド値は動的なので、静的マークダウンを準備できないか、火事でマークダウンファイルを作成する必要があります。
私の質問に対して、Express ルーターのようにテンプレートと JavaScript オブジェクトをバインドするより良い方法はありますか? そのような
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('homepage', vm);
});
ホームページ.swig
<html>
...
<div>{{ firstName }}</div>
<div>{{ lastName }}</div>
...
</html>
vm.json
{
"firstName":"Tom",
"lastName":"Hansk"
}