1

私が見ているhtmlコードでこれを見続けています。どうやらhtmlテンプレートを追加するためのJqueryタグ。

{{#Foo}} 
<div> bla bla </div>

クラスFooだと思いますか??

と

{{^Foo}}
<div> bla bla </div>

^ は何ですか??

HTML 要素を variable に格納し、Fooこれらの HTML 要素を後で追加します。しかし、それがどのように機能するのか、なぜその # と ^ なのか、またはここで何が起こっているのかについてはわかりません...

助けてくれてありがとう。

私はhtml + javascriptコードを使用しています。

4

4 に答える 4

4

実際には（あなたが示唆するように）jQueryテンプレートではありませんが、ここで使用されているMustacheです。この構文...

{{#Foo}}
...something
{{/Foo}}
{{^Foo}}
...something
{{/Foo}}

... 両方のケースをカバーするために使用されます。

  • コレクションが空でない場合、通常のセクションFooの内部ブロックでテンプレート化されます:{{#Foo}}
  • コレクションが空の場合Foo、いわゆるinverted section( 内で設定{{^Foo}}) のテンプレートが代わりに使用されます。

ドキュメントの例:

{{#repo}}
  <b>{{name}}</b>
{{/repo}}
{{^repo}}
  No repos :(
{{/repo}}

これは実際には非常に便利です。「アイテムなし」の場合に別のテンプレートを提供する必要があることがよくあります。通常は{{#if... }} ... {{#else}}ブロックのようなもので行われますが、これはテンプレートにロジックを注入します。Mustache は、これに対する別のアプローチを提供します。

于 2012-11-06T08:38:47.997 に答える
1

私の友人..最初にハンドルバーについて学ぶことがたくさんあります。

次のリンクを確認してください。

http://handlebarsjs.com/block_helpers.html

http://blog.teamtreehouse.com/handlebars-js-part-2-partials-and-helpers

http://www.raymondcamden.com/index.cfm/2012/4/19/Demo-of-Handlebars-and-why-you-should-consider-a-templating-engine

于 2012-11-06T08:34:45.910 に答える
0

これは jQuery 構文のようには見えません。

ただし、これはunderscore.js、handlebars、またはtwigなど、ほとんどのテンプレート エンジンの構文のように見えます。

于 2012-11-06T08:36:19.533 に答える
0

これは HTML でも jQuery でもありません。テンプレートエンジンや他のスクリプトが、ドキュメントのソースコードで認識できるコードに基づいて何らかの作業を行うために使用されます (たとえば、二重中括弧で開始および終了する場合など)。

于 2012-11-06T08:36:57.303 に答える