私はひげ剃りテンプレートエンジンを使用していますが、最初の項目を長いリストに表示したいだけですが、はリストの最初の項目をMustacheを使って表示します
私が使用している場合:
{{# links}}<a href="{{& url}}">{{& title }}</a>{{/ links}}
私はすべてのリンクを取得するには、しかし、私は最初の一つだけを表示したい、簡単に聞こえるが、私はこの上の任意のドキュメントを見つける傾けます。
私はひげ剃りテンプレートエンジンを使用していますが、最初の項目を長いリストに表示したいだけですが、はリストの最初の項目をMustacheを使って表示します
私が使用している場合:
{{# links}}<a href="{{& url}}">{{& title }}</a>{{/ links}}
私はすべてのリンクを取得するには、しかし、私は最初の一つだけを表示したい、簡単に聞こえるが、私はこの上の任意のドキュメントを見つける傾けます。
口ひげがdocsから、ロジックを持っていないしています
else文、 句場合、またはループのために何があるので、私たちは「ロジックレス」と呼んでいません。代わりにタグだけがあります。いくつかのタグは が値で置き換えられ、何も何も置き換えられず、一連の値が一連の値に置き換えられます。 このドキュメントでは、さまざまな種類のMustacheタグについて説明します。
それであなたは、本質的に欲しいのはif link is the first
を行うための仕組みである - ので、あなたは、データ側で、あなただけのデータで1つの要素を置くことによって、またはあなたがいるときのようなデータのチャンクを追加することによって、これを処理することができますないあなたの中にあなたのデータを入れてdisplay
のように値を追加し、テンプレートにし、「インライン」または「none」にそれを設定します。
{{# links}}<a href="{{& url}}" style="display: {{display}};">{{& title }}</a>{{/ links}}
を次に、後で、あなたはいくつかのstyle.display
を変更するにはページ内のスクリプトを呼び出すことができますユーザーまたはアプリケーションのアクション。
これは私の最初ですが、この特定のテンプレートにはdata = data[0]
を設定する方が簡単かもしれません。問題はおそらく、ある時点でそのリスト全体を使用したいと思っています。あなたの使用状況やデータがどこから来ているのかを確認する必要があるとコメントしています。ほとんど私のために働い提示@Millad
mustache.render("{{a.0}}", {a: ['hi','world']})
=> 'hi'
これはありがとう..私はあなたが言っているものを見ることができますが、それは奇妙に見えます。私はあなたが提案したモデルのプレレンダリングを変更しました。おかげで – Alex
ええ、アイデアはMustacheが高速ですが、他のテンプレートライブラリの論理的なオーバーヘッドはありません。 Mustacheがあなたのニーズに合っていない場合は、他のテンプレートライブラリを見るかもしれません。ここで良い議論があります:http://www.quora.com/JavaScript/What-is-the-best-JavaScript-templating-framework-and-why – artlung
ソリューション:
あなたは正しいものとして、以下の答えを設定することはできますか? http://stackoverflow.com/a/17950970/171711 – Coyote