web-dev-qa-db-ja.com

ブロックヘルパー==の場合はHandlebars.js

次のコードをどのように変更して機能させるのですか？問題はthis == 'some message'式です：

<ul>
  {{#each errors}}
    {{#if (this == 'some message') }}
    <li>Status</li>
    {{else}}
    <li>{{this}}</li>
    {{/if}}
  {{/each}}
</ul>
templateshandlebars.js
40
maprihoda

最も簡単なのは、カスタムif_eqヘルパー：

Handlebars.registerHelper('if_eq', function(a, b, opts) {
    if(a == b) // Or === depending on your needs
        return opts.fn(this);
    else
        return opts.inverse(this);
});

次に、テンプレートを調整します。

{{#if_eq this "some message"}}
    ...
{{else}}
    ...
{{/if_eq}}

デモ： http://jsfiddle.net/ambiguous/d4adQ/

errorsエントリが単純な文字列ではない場合、「これはメッセージですか」フラグを追加して、標準の{{#if}}（プロパティを文字列に直接追加してもうまく機能しないことに注意してください）：

for(var i = 0; i < errors.length; ++i)
    errors[i] = { msg: errors[i], is_status: errors[i] === 'some message' };

そして：

{{#if is_status}}
    <li>Status</li>
{{else}}
    <li>{{msg}}</li>
{{/if}}

デモ： http://jsfiddle.net/ambiguous/9sFm7/

87
mu is too short

古い質問ですが、Elvingの Swag Handlebarsヘルパーライブラリ を使用する場合、ヘルパーisおよびisntを使用できます。

10
Matt Fletcher

これは、Handlebars Subexpressions を使用して実現することもできます。

テンプレート -

    <script id="tmplStatus" type="text/x-handlebars">
        <ul>
            {{#each errors}}
                {{#if (is_status this 'some message')}}
                    <li>Status</li>
                {{else}}
                    <li>{{this}}</li>
                {{/if}}
            {{/each}}
        </ul>
    </script>

Javascript-

var errors = [
        'Where is pancakes house?',
        'some message',
        'One cent stamp'
    ];

    Handlebars.registerHelper('is_status', function(msg, matchMsg, options) 
    {
        if(msg === matchMsg)
            return true;
        else
            return false;
    });

    var tmplStatus = Handlebars.compile($('#tmplStatus').html()),
        domStatus = tmplStatus({ errors: errors });
    $('body').append(domStatus);

ワーキングデモ： http://jsfiddle.net/techgeeek/b99qwtpw/

5
Neha