handlebars.js - Mustache テンプレートに if 条件を実装する

Question

どうすれば次のようなことを確認できますか

       if( status == 0 ){
            //show pending
       }
       if( status == 1) {
            // show ok
       }
       if( status == 2 ){
            // done
       }

これは口ひげライブラリにあります。テンプレートでロジックを提供できますか??

Answer 1

Mustache テンプレート言語は明示的に可能な限りロジックレスです。

ただし、セクション構造を使用して、必要なことを行うことができます。保留中、OK、完了のブール値をオブジェクトに追加してから、次のようにします。

{{#pending}}
// show pending
{{/pending}}

{{#ok}}
// show ok
{{/ok}}

{{#done}}
// show done
{{/done}}

これにより、実際には比較ロジックが実際のコードに移動します。つまり、テンプレートはロジックレスのままにすることができます。

(タグで handlebars.js について言及しました。ハンドルバーを使用している場合、理論的にはこのようなことを行うことで言語を拡張できますが、そのようなことは、ロジックのないテンプレート言語を使用するという考えに反します。グラブすることもできます。拡張機能のコレクションですが、それまでに別のテンプレート言語を使用することをお勧めします.)