私は最近、ヌンジャクに慣れようとしています。以前はハンドルバーを使用していたので、学習曲線はそれほど悪くはありませんでした. ただし、うまくいかないように見えることが1つあります。
次のデータを含む JSON ファイルがあります。
"contentIntro" : {
"componentClass" : "c-global-header",
"title" : "Welcome Firstname Surname,",
"subtitle" : "New applications:",
"bodyCopy" : "You can create, edit and save the draft application as many times as you need before submitting it for assessment.",
"ctaType" : "text",
"ctaText" : "View the list",
"ctaURL" : "#"
}
これは、他のページ要素を含む JSON ファイルに存在しますが、私が興味を持っているのは contentIntro コンテキストだけです。
このようなパーシャルを含めると:
{% include "components/c-headed-text.nunjucks" %}
次に、そのパーシャル (例: ) 内でドット表記を使用して JSON データにアクセスできますが、{{ contentIntro.title }}
これはあまり柔軟ではなく、ページに同じパーシャル タイプを複数持つことはできません。
理想的には、次のようにパーシャルをインポートすることです。
{% import "components/c-headed-text.nunjucks" as contentIntro %}
{{ title }}
テンプレートでは、インポートからのコンテキストが既にわかっているため、JSON データにアクセスできます。
面倒ですが、うまくいきません。理由がわかりません。Jinja2 のドキュメントはそれを示唆しているようですが、Nunjucks を使用して動作させることはできません。これは可能ですか?
編集: また、テンプレートが gulp で事前にレンダリングされているため、最終結果はフラットな HTML になることも付け加えておく必要があります。