問題タブ [swig-template]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - swigテンプレートエンジンでhtmlディレクトリをナビゲートしますか?
1 つのディレクトリ内に 2 つの異なるディレクトリがあります。1 つ目はviews
、 などのすべての swig ビューを含むものnewpost.html
です。もう 1 つはtemp_images
を含むものbutterfly.png
です。
私が持っている内newpost.html
に、
Swig はテキストを出力しますが、蝶は表示されません。理由がわからず、HTML を再確認しました。私も試しました
そして、それもうまくいきませんでした。Swig の使用方法に問題がある可能性はありますか? Node、Express、Mongoも使用しています。
javascript - ハンドルバーなしのアセンブルで Grunt を使用する (Consolidatejs/Swig を使用)?
で説明されているように、 with AssembleでConsolidate.js ( Swigレンダリング エンジンを使用) を使用しようとしています。それは動作しません:Grunfile.js
options.engine
それは私に警告を与えます:
警告: オブジェクト関数 [..] にはメソッド 'init' がありません。--force を使用して続行します。
オプションを削除すると、次のようinitializeEngine
になります。
警告: consolidate はレンダリングをサポートしていません。--force を使用して続行します。
Assemble で Swig を使用するにはどうすればよいですか? 私はすでに Twig エンジンを知っているので、デフォルトのエンジンのハンドルバーを置き換えたいと思います (そして、それは Swig に非常に似ています)。
node.js - Swigで複数のパーシャルを使用するには?
私のビューでは、Swig がいくつかのパーシャルをレンダリングしません。block
正しい方法で渡す方法は?どのファイルが何を拡張する必要がありますか?
私は私の見解のような構造を持っています:
index.htmlは、Swig がレンダリングするものです。次のようになります。
layout.htmlは次のようになります。
header.htmlは次のようになります。
header_logo.htmlはこんな感じ。そして、これはレンダリングされません。
json - Angular と JSON の構文が {} と混同される
私は角度が初めてで、アプリケーション内に統合しようとしています。私は単純なものを使用しようとしていますng-repeat
(これは、セットアップされたサンプルプロジェクトで完全に機能します)。ただし、現在のプロジェクトでは、{{ }} を使用して .JSON ファイルからデータをフェッチする Swig テンプレート言語を使用しています。
person.html ファイル:
person.json ファイル:
私が直面している問題は、Swig が {{ }} を使用して .JSON ファイルからデータを取得し、Angular も {{ }} を使用していることだと思います。
これが私の単純なng-repeatです:
これが私の単純なコントローラーです:
私のHTMLページを開くと、表示されるのは次のとおりです。
これを回避する方法についてのアイデアはありますか?
ありがとう
アップデート
Angular で .JSON ファイルからデータを取得したい
更新 David Beech の推奨に従います
アプリケーション ツリー:
以下のソリューション例では、私の $http.get は
Firebug に表示されるエラー:「NetworkError: 404 Not Found - http://localhost:8000/resources/data/countries-data.json」
node.js - MeanIO の swig テンプレート エンジンは角度のある ng-model データをレンダリングしません
テンプレートエンジンには、meanIOの推奨モジュール「swig」を使用しています。しかし、角度のある基本的なデータバインディングを取得することに成功できませんでした。
以下 NodeJS Platform 上の Express サーバーの設定:
上記の設定は、テキストボックスを埋めるときに実際の角度モデルをレンダリングしません。
index.Html
以下の設定は私にとって非常にうまく機能します。
{{}}内のng-modelデータをレンダリングしないswigモジュールの問題は何ですか???
javascript - swig テンプレート内でハイフン付きの json 変数にアクセスする
swig テンプレートと既存の json データ (残念ながら変更できません) を操作する際、変数がハイフンでつながれているとデータのレンダリングに問題が発生します。docsに明確に記載されているように、ブラケット表記を使用して状況を処理できることがわかりましたが、何らかの理由で、期待される結果を達成できません。私は他のテンプレート言語を知っていますが、パフォーマンスやその他の利点のために swig を使用することに熱心です。
どんな洞察も大歓迎です。
テスト ケース ファイル:
レイアウト.swigtmpl
index.swig
index.json
レイアウト ファイルで、json データをテスト用のオブジェクトに割り当てましたが、気に入りませんでした。
json - 複数の JSON ファイルを Node.js の SWIG にプルするにはどうすればよいですか?
これは実際には2つの質問です...
Node.js を使用してコンパイルするために、複数の JSON ファイルをプルしたい単一の SWIG テンプレート (index.html) があります。そのページにのみ関連する変数を含む「index.json」ファイル、次にシステム全体で使用したい一連の共通変数を含む「common.json」ファイル。
また、「index.html」内に「header.html」テンプレートと「footer.html」テンプレートがあります。それぞれ独自の「header.json」ファイルと「footer.json」ファイルをそれぞれ取得するにはどうすればよいですか?
最終的には、プロジェクトの残りの部分で常に GULP プロセスを実行しているため、GULP-SWIG 内でこれをすべて機能させようとしています。
更新: GULP-SWIG は自動的に同じ名前の JSON ファイルを探して処理しますが、追加の JSON ファイルを含めることに関するドキュメントはありません。
私はこのようにしてみました:
そして、私はこのように試しました:
必要なファイル構造を含む ZIP ファイルを作成しました: https://www.dropbox.com/s/psxsdn31rd5177h/Gulp-Swig%20Sample.zip
gulpfile.js ファイルは、更新が必要な唯一のファイルです。
session - リクエストオブジェクトなしで ExpressJS のセッションにアクセスできますか?
テンプレートにswigを使用するアプリケーションと、クライアント固有のデータを保存するセッションがあります。
次のようなルート内にセッションを作成します。
後で私のアプリで、swig-filter がセッションを読み取って使用する必要がありますが、取得するリクエスト オブジェクトがない場合にセッションにアクセスする方法がよくわかりません。
私の swig-filter は次のようになります。
出来ますか?
javascript - swig を使用して動的リンクを作成するにはどうすればよいですか?
swig テンプレートを使用してダイナミック リンクを作成するにはどうすればよいですか?
毎回テンプレートにリクエスト オブジェクトを送信することなく、template.html ページでアクティブなリンクを表示できるようにしたい
node.js - パーシャルを別のパーシャルのブロックに含める方法は?
テンプレートエンジンとしてSwigを使用しています。
パーシャルを含める必要がありますが、別のパーシャルのブロックにのみ含める必要があります。しかし、Swig は、ブロック タグを無視して、すぐ下にそれを含めます。これがどのように見えるかです:
1.
レイアウト.html
2.
これは、リクエスト後にレンダリングされるページ ビューです。
index.html
3.
ここでは、ヘッダーのパーシャル ( partials/header.html
) を含めます。header_nav
そして、このヘッダー パーシャルには、別のパーシャル ( ) を含めたい空のブロック タグ ( ) がありheader_nav.html
ます。しかし、ブロックにのみ。下のheader.htmlを参照してください。
index_content.html
4.
の html コードを次に示しpartials/header.html
ます。ブロックタグを参照してくださいheader_nav
。そのブロックにheader_nav.htmlを配置したいと思います。しかし、うまくいきません。header_nav.html をpartials /header.htmlのすぐ下に配置します。
それを達成する方法は?今のところ私が理解しているように、これは Swig の本当の欠点です。回避策はありますか?