2017-08-01 218 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參數,但我不能」用這種方式解決它。

有什麼建議嗎?

+0

當你說「動態」時,你的意思是客戶端?當頁面加載到瀏覽器中時? –

+0

是的,我正在使用gulp渲染我的nunjucks模板 –

+0

gulp不在瀏覽器中運行,它是一個通常將模板編譯爲靜態html頁面的構建任務。如果你想在瀏覽器中動態編譯nunjucks,你需要使用nunjucks的客戶端渲染功能。通過'