問題タブ [nunjucks]

ソース ディレクトリのサブディレクトリ内のファイルに対して、一部のインプレース テンプレートを実行するために、metalsmith-in-place を使用しようとしています。うまくいきません。テンプレートタグはフロントマターに置き換えられません。

私のビルドスクリプト:

私のテンプレート:

私の出力：

のファイルで動作しますsource。しかし、サブディレクトリで作業する必要があります。

singletonセットを使用してページタイプに画像を追加しようとしていますslideshow widgetType

インターフェイスは正常に動作しています (画像をアップロードでき、アップロードを設定変数に制限します) が、テンプレート内のオブジェクトにアクセスできません

ページ テンプレートで以下のスクリプトを使用してページ オブジェクトをログに記録しています。スライドショー ウィジェットだけでなく、他のすべてのカスタム フィールドは正常に動作します。

これがapp.jsに設定されているものです

何かアドバイス？

私はシェル スクリプトを作成しており、変数を json ファイルに保存してテンプレートを使用したいと考えています。

私は JavaScript の初心者なので、テンプレートをレンダリングするために nunjucks を使用する方法がわかりません。この簡単な例を機能させるのを手伝ってもらえますか?

これが私の現在の試みです。（私はnpmインストールしました）

私のプロジェクトディレクトリで：

sample.njk以下の内容で作成しています。

そしてindex.js、次の内容で：

私のプロジェクトディレクトリは次のようになります：

index.jsノードを次のように実行します

出力するにはどうすればよいですか (コマンドラインまたは新しいファイルに):

テンプレートを処理した後？

gulp-nunjucks と gulp-nujucks-render を調べてみましたが、あまりにも多くのことが行われており、ここで簡単なタスクを達成することさえできません。

json ファイルでデータを定義するときは、それを関数内のコンテキストとして渡すだけで済みますnunjucks.render()よね?

ご協力いただきありがとうございます。

Angular ビュー (テンプレート) は更新されていませんが、エクスプレスで提供されるようにコード化されている場合、batarang を見るとスコープは最新です。

Plunker http://plnkr.co/edit/gHTFVkyDBIoJTvNMOgeB?p=previewで同じコードを作成した後、選択オプションを変更すると非常にうまく機能します。

<p>Hello {{selectedPlan.name}}!</p> エクスプレスで機能しないテンプレートの行

違い:

ルート パスのプランカ

高速パス: http://localhost:3000/advertisement/add-new

テンプレート パス: http://localhost:3000/templates/plan-selector.nunjucks

github で babelify を使用して最小限のセットアップを追加したので、誰かがhttps://github.com/carlitux/angular-testをテストできる場合、さらに 2 つのスクリーンショットを追加しました。

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.14%20AM.pngこれには、コントローラーのスコープ値をレンダリングしない初期値があります.

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.32%20AM.pngこれは、ディレクティブ plan-selector が変更された後もレンダリングされませんでしたテンプレート上。

しかし、両方の画像で、スコープが更新されていることがわかります。

Gulp-dataを使用して JSON で HTML を使用する方法は? Gulp、 Nunjucks、MJMLを使用した静的な Web サイト構築プロセスで使用しています

JSON

.nu​​njucks ファイル

最終的なHTML出力でこの出力を提供しています

データをフェッチして、別の関数が javaScript オブジェクトとして使用できるように準備したいと考えています。問題は、プログラムの完了後にデータがフェッチされることです。プロジェクトへのリンクは次のとおりです: https://github.com/bigbassroller/isomorphic-js/blob/master/src/components/pages/Home/HomeController.js。ここのコードを参照してください：

ページがレンダリングされる前にデータを取得することは可能ですか? できるだけ多くのことを学ぼうとしているので、物事をできるだけ平凡に保つようにしています。私はこの問題を解決しようとして何日も立ち往生していたので、SOに助けを求め、同じ問題を抱えている他の人を助けるために来ています。私の問題は、 https://github.com/reactjs/redux/issues/99の問題に似ていますが、redux を使用しようとしているのではなく、代わりにプロミスを使用したいと考えています。

njk を 2.4.2 にアップグレードした後、エクスプレスとノードで nunjucks2 を使用しています。次のエラーが発生します。

エラーとレイアウトは単純な nunjucks ファイルです。ここに構成を投稿しますapp.js。

エラー：

nginx 構成:

問題：

nginx config で設定されたContent-Security-Policyが適用されていないようです。サーバーから返されたヘッダーを確認しましたが、適切に設定されています (unsafe-inline と unsafe-eval を含む)。

質問：

ヘルプ？またはより詳細に: Chrome にnunjuncksテンプレートをレンダリングさせるには、他に何をする必要がありますか?

サーバー側で動作するソリューションを探しています (Chrome プラグインなし)。

口ひげのような言語でノックアウト スタイルのビュー モデルを使用しようとしています。

したがって、ビュー モデルは次のようになります。

口ひげのような言語でよくある問題は、モデルをアンラップしないことです。だから、例えば得る

それは、特にヌンジャックで起こることです（それぞれのrender機能を備えています）。

Nunjucks でフィルターを使用できるため、次のように動作します。

unwrapフィルターはどこにありますかko.unwrap。しかし、私は構文のファンではなく、より良いオプションがあるかどうか疑問に思っていました. Nunjucks のコードを熟読したところ、コンテキスト内で検索されたすべての変数を自動的にアンラップすることはできないようでした。

Handlebars.js には (私の目には) 好ましい構文があります。

Unfortunately if you forget the unwrap, then aValue will be treated as a helper and called with an undesirable value, something like { data: Object, hash: '', name: '...' }. Obviously one prefers not to have their templating language do this. Similar to Nunjucks, Handlebars does not have a way to modify the context lookups to automatically call ko.unwrap.

Interestingly, Mustache.js will call any variable that is a function (including, of course, observables). However it lacks a number of features in other libraries.

Has anyone had any experience with using Mustache-like libraries with Knockout and worked through the relationship (including which mustache libraries are most suitable)?