2017-08-01 216 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的客户端渲染功能。通过'