0

私は最近、ヌンジャクに慣れようとしています。以前はハンドルバーを使用していたので、学習曲線はそれほど悪くはありませんでした. ただし、うまくいかないように見えることが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 になることも付け加えておく必要があります。

4

1 に答える 1