0

Mustache js (ロジックレステンプレート) を使用して、スイッチケースを実現する方法はありますか? たとえば、値に基づいてクラスが dom 要素に割り当てられるため、これが必要です。

switch(tasks.Count)
{
   case 0:
       element.Class = "no-tasks";
    break;
   case 1:
       element.Class = "one-tasks";
   break;
.
.
.
}

それは私が今得たコードです、それをテンプレートに変換する方法は?沼!!

  • これは、MustacheJs を C# に移植した Nustache を使用しているため、ネストされたモデルをレンダリングするために .NET を使用しているためです。Mustache に適用されるものはすべて Nustache にも適用されます。
4

1 に答える 1

4

これを行うにはいくつかの方法があります。

Javascript では、Mustache が値内に関数を検出すると、囲まれたテキストを唯一の引数として使用して関数を呼び出します。

var data = {
    foo: function(text) { return '<b>' + text + '</b>'; }
}

口ひげ

{{#foo}}
   HI I LIKE FISH, thanks.
{{/foo}}

出力

<b>HI I LIKE FISH, thanks.</b>

口ひげのドキュメントで「ラムダ」を検索してください。

それを行う別の方法は、虚偽/真実のチェックを行うことです。

データ

{ foo: true }

口ひげ

{{#foo}}
  output this if true.
{{/foo}}
{{^foo}}
  output if false
{{/foo}}
于 2012-04-12T05:42:28.817 に答える