問題タブ [pug]

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.

0 投票する
6 に答える
6812 参照

javascript - Express でテンプレートからレイアウトにコンテンツを渡すにはどうすればよいですか?

基本的な Express サーバーがあります。

基本的な翡翠のレイアウト:

そして簡単なページ:

(Rails では、これはcontent_for単純なインスタンス変数のようなものかもしれません。)

0 投票する
1 に答える
816 参照

node.js - 結果を出力せずにJadeのヘルパーを評価するにはどうすればよいですか?

ヘルパーを呼び出す必要があるが、その出力を表示しないJadeテンプレートがあります。

残念ながら、someHelperSetterMethod何も返さないため、テンプレートに「未定義」の出力が表示されます。非出力評価を行う方法はありますか?

0 投票する
1 に答える
1280 参照

mongodb - Node / Express / Mongo:動的コンテンツからHTML属性をレンダリングするにはどうすればよいですか?

Node / Express / Mongo / Jade(および/またはHAML.js)を使用して簡単なブログを作成しました。私はこのチュートリアルのブログアプリを使用しました(そして少し更新しました)。それ自体はhowtonode.orgからのブログアプリの更新です。

テンプレートエンジンを使用してリンクなどの属性を適切にレンダリングできますが、dbからデータを渡すと、どのhtmlもレンダリングされません。HTMLのプレーンテキストのプリントアウトを取得します。「動的」コンテンツをレンダリングするために他のノードパッケージ/モジュールが必要だと思いますが、どこから始めればよいのかわかりません。

0 投票する
3 に答える
13332 参照

node.js - express+jade: 提供されたローカル変数はビューで未定義です (node.js + express + jade)

jade テンプレート エンジンを使用して、node.js と Express を使用して webapp を実装しています。

テンプレートは正常にレンダリングされ、ヘルパーと動的ヘルパーにアクセスできますが、express によって提供され、layout.jade で使用および定義されている「body」ローカル変数以外のローカル変数にはアクセスできません。

これはコードの一部です:

これはtest.jadeです:

2 行目 (参照名) を削除すると、テンプレートが正しくレンダリングされ、Web ページに「hello」という単語が表示されます。=name を含めると、ReferenceError がスローされます。

私は翡翠に従っていると信じており、ローカル変数に関して正確に例を表現しています。私は何か間違ったことをしていますか、それともエクスプレスまたはジェイドのバグでしょうか?

0 投票する
1 に答える
3055 参照

templates - 「each」関数をテンプレート化するJadeは、空のオブジェクトを返します

私は何日も私を悩ませてきたバグを抱えています。私はNodeとJadeテンプレートシステムにかなり慣れていないので、我慢してください。次の方法でスタイルシートを追加しようとしています。

App.js(Express):

layout.jade(app.jadeで実行されます)には、次のものがあります。

さらに...私は同じエラーに遭遇し続けます:

さて、落とし穴は、この正確なテンプレートが、まったく同じ変数を渡す別のアプリケーションで機能することです。この厄介な問題について、皆さんからの提案をいただければ幸いです。

ありがとう!マットミューラー

0 投票する
2 に答える
17420 参照

node.js - ジェイドテンプレートエンジン(node.jsの下):パイプ記号のない複数行のブロック

私は現在、新しいプロジェクトでJadeを使用しています。Webアプリのレイアウトを作成するのには適しているようですが、次のWebページなどの静的コンテンツを作成する場合には適していません。

テキストを含む要素。

たとえば、そのような段落を作成するには、次のことを行う必要があると思います。

テキストの実際の段落でいっぱいの静的なWebページの場合、各行の先頭にあるパイプシンボルのために、翡翠を使用するのは負担になります。

パイプシンボルが行ごとに行うように、ブロック全体をテキストノードとしてマークするためのある種の構文糖衣はありますか?または私が知らない既存のフィルター?

私が探求している解決策の1つは、各行の前に|を付ける:blockフィルターなどを作成することです。そしてそれをJadeに渡しますが、フィルターの作成に関するjadeのドキュメントは控えめに言ってもまばらなので、理解するのに時間がかかる場合があります。誰かがそのような解決策についてのガイダンスを提供することができれば、私はそれをいただければ幸いです。

0 投票する
3 に答える
1568 参照

node.js - Expressjs レンダリングでのレイアウト ローカルのドライアップ

私はnodejsでエクスプレスを使用しており、ビューのレンダリングを乾いた状態に保とうとしています。私のレイアウトの中には、次のようなものがあります(私は翡翠を使用しています)

問題は、私がレンダリングするたびに、今では持っている必要があるということです

すべてのレンダリング コールを実行して追加し、他のローカル オブジェクトをレイアウトに追加する必要がある場合は同じことを行うのは面倒なようです。レンダリングするすべての場所で「currentUser」をローカルに再入力する必要がないようにする方法はありますか

0 投票する
1 に答える
2100 参照

pug - #{} 補間を使用して HTML スタイルの属性に複雑な式を挿入することもできます nodejs の jade テンプレートを使用します

#{}補間を使用して HTML スタイルの属性に複雑な式を挿入するにはどうすればよいですか?

0 投票する
3 に答える
4119 参照

node.js - パグ/ジェイドテンプレートエンジン:htmlビューティファイア?

Node.jsのExpressJSでjade/pugテンプレートエンジンを使用しています。1行でhtmlを出力します。インデントはまったくありません。美化オプションが見つかりませんでした。

0 投票する
7 に答える
71114 参照

node.js - Jade - テンプレート エンジン: 変数が存在するかどうかを確認する方法

現在、新しいプロジェクトで Jade を使用しています。ページをレンダリングして、特定の変数が使用可能かどうかを確認したいと考えています。

app.js:

register.jade:

私は常に次のエラーが発生します。

これを修正する方法についてのアイデアはありますか?