問題タブ [nunjucks]

テンプレート (この場合はメール) に gulp と nunjucks を使い始めたところです。

モジュール/パーシャルを呼び出し、処理されるたびに属性に異なる値を割り当てるという問題を解決したいと考えています。

最初はforループの仕事のように見えますが、モジュールはテンプレート内で順番に呼び出されるとは限りません

モジュール内には、変数に割り当てられる属性があります。モジュールが使用されているセクションに応じて、これらの変数を異なる方法で解決したいと思います。

非常に基本的な例は次のとおりです-私が持っているインデックスファイルでは：

そしてgenericMod自体で-:

私が利用したい機能の種類は、「modKey」、つまりモジュール内の各変数内の変数を定義することです。

次に、モジュールが呼び出されるたびに、そのキーを何らかの方法でモジュールに割り当てることができます。

したがって、上記は以下を生成します。

と：

生成:

そのため、json ファイルを介してパイプされると、それぞれのデータが各属性変数に対してレンダリングされます。

明らかにそれは単なる仮説的な解決策ですが、実際に同様のことを達成する方法はありますか?

CSS の使用は初めてで、タイトル、日付、および説明を含むページを作成しようとしています。異なるセクション間に異なる量のパディングを含める最善の方法がわかりません。タイトルのすぐ下に日付を入れて、日付と説明の間にスペースを入れたいのですが、現在、タイトルと日付の間のスペースが大きくなり、日付と説明の間のスペースが少なくなります。テンプレートとしてヌンジャックスを使用しています。どんな助けでも大歓迎です！

Mainpage.nunjucks から:

common.scss から:

HTML 入力コンポーネントをレンダリングするための nunjucks マクロがあります。マクロ呼び出しで JSON インラインを使用して、次のように呼び出すと正常に動作します。

しかし、json データを別のファイルから呼び出す必要があります。私はこれを試しました：

これは index.json の内容を渡しますが、JSON オブジェクトではなく、マクロ内の文字列としてのみ使用できます。非常に明白な何かが欠けているように感じます。どんな助けも大歓迎です!

ノードでのヌンジャックの使用

snake_case を使用する場合、問題なく配列を反復処理する for ループを用意する

{% for item in items.micro_release %} <li>{{ item.id }}</li> {% else %} <li>No items found...</li> {% endfor %}

kebob-case を使用しようとするとすぐに (内部の命名規則を明確にするためだけに)。失敗します。

{% for item in items.micro-release %} <li>{{ item.id }}</li> {% else %} <li>No items found...</li> {% endfor %}

「-」を算術演算子として扱っていると想定しています。試した

set micro_release = "micro-release"

文字列のように振る舞わせます。それはうまくいきませんでした。

そのpythonの起源を考えると、nunjucks kebob-intolerantですか:)? jk。これに関する知恵の言葉については、事前にthnx.

ノードで Nunjucks を使用する

次の問題に対する適切な解決策を見つけようとしています。次のようなディレクトリツリーソーダを使用します。 app_dir --app.js --public ----stylesheets ------mystyles.css --views ----page.html ----templates ------page_template.html

1. パブリック ディレクトリ内に CSS などの静的ファイルを配置する app.use(express.static(path.join(__dirname, 'public')));

2. Nunjucks のルート ディレクトリをビューとして構成する nunjucks.configure('views', { autoescape: true, express : app, watch: true });

3. page_template.html 内から css ファイルを参照しているとき、nunjucks (私が思うに) は自動的にルートに基づいて相対パスを作成し、静的な動作をオーバーライドします。

たとえば、/stylesheets/mystyles.csspage_template.html でパスを使用し、パスを使用してそれを拡張するファイルを呼び出すと /:publication/:page、レンダリングされた html は 次のようになります。/:publication/:page/stylesheets/mystyle.css

ルートに基づいてCSSやその他のリソースへの相対パスを作成する簡単なハックをいつでも書くことができますが、それは特に優雅な解決策のようには感じません:(どんな助けも大歓迎です.

反応する HTML を生成しようとしていますが、html を壊して奇妙なスペースが挿入されます。

助けてください！！！！

基本テンプレートの使用

コマンドで実行 pgen exec pg-generator-templates/react-crud-template/ -d convectorFeathersServer -u postgres -p postgres -t src/react-crud-build

私のテンプレートファイル:

結果

node、express、およびmongodbを使用して、オブジェクトをhtmlにレンダリングしようとしています。以下のコードを試したとき

以下のようなコールバック関数エラーが発生しています

nunjucks を使用して html をレンダリングする方法を教えてもらえますか? 前もって感謝します