2017-08-01 58 views
0

私はテンプレート言語としてnunjucks(gulp)を使用しています。私は動的ページテンプレートを作成したいと思います。Nunjucks動的ページテンプレート

これは私のJSONです:

"pages": [ 
    { 
     uname: "Welcome", 
     title: "Page 1 Headline" 
    }, 
    { 
     uname: "About", 
     title: "Page 2 Headline" 
    } 
] 

は現在、私は、各ページの静的ページ(HTML)テンプレートがあります。

{% extends "layout.html" %} 
{% set active_page = "Welcome" %} //<- This needs to be dynamicly 
{% block content %} 

<h1>{{ page[0].title }}</h1> //<- This needs to be dynamicly 

を私の最初の考えは、URLパラメータを読み取ることでしたが、私は「couldnこのようにして解決してください。

提案がありますか?

+0

「ダイナミック」とは、クライアント側を意味しますか?ページがブラウザに読み込まれたら? –

+0

はい、私はgulpを使ってnunjucksテンプレートをレンダリングしています –

+0

gulpはブラウザでは実行されません。テンプレートは通常、静的なHTMLページにテンプレートをコンパイルするビルドタスクです。ブラウザーでnunjucksを動的にコンパイルしたい場合は、nunjucksのクライアント側レンダリング機能を使用する必要があります。 '

関連する問題