0

Mustacheを使用して条件付きレンダリングを実行することは可能ですか？例：Xのステータスに基づいて異なる値を表示したい場合はどうすればよいですか？例えば。

if x.value=1
                        <td>                                            
                            <span class="label label-success">{{this.X1}}</span></td>                       
else x.value=2                                                              
                        <td>                                            
                            <span class="label label-warning"{{this.X2}}</span></td>
else if x.value=3                         
                        <td>                                            
                            <span class="label label-inverse"{{this.X3}}</span> </td>
4

2 に答える 2

5

私はあなたができる唯一のことはブール値のプロパティをチェックすることだと信じています。

{{#IsLate}}
    <span class="late">You owe me money, sucka.</span>
{{/IsLate}}
{{^IsLate}}
    <span class="on-time">No money due at this time.</span>
{{/IsLate}}

ニーズに合った新しいラッパーオブジェクトの作成を検討することをお勧めします。

于 2012-06-20T15:48:21.023 に答える
2

ドキュメントを掘り下げた後、これはヘルパーを使用して達成できることがわかりました。

Handlebars.registerHelper('HelperName', function (status) {
            var statusClass = {
                '1': 'label-inverse',
                '2': 'label-important',
                '3': 'label-warning',
                '4': 'label-success'
            };
            return statusClass[status];
        });

次のようなテンプレートで使用します。

<td>                                            
<span class="label {{HelperName this.myStatus}}">TEXT</span>                                
</td>
于 2012-06-20T16:55:36.173 に答える