Handlebars.js wenn Block Helfer ==

Question

Wie würden Sie den folgenden Code ändern, damit es funktioniert? Das Problem ist, die diese == Ausdruck 'eine Botschaft':

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

Answer 1

Die einfachste Sache wäre eine benutzerdefinierte if_eq Helfer hinzuzufügen:

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); 
}); 

und passen Sie Ihre Vorlage:

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

Demo: http://jsfiddle.net/ambiguous/d4adQ/

Wenn Ihre errors Eingaben waren nicht einfache Strings dann könnte man hinzufügen, „ist dies eine Nachricht“ Fahnen zu ihnen und eine Standard-{{#if}} verwenden (beachten Sie, dass direkt in einen String eine Eigenschaft hinzugefügt wird nicht so gut funktionieren):

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

und:

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

Demo: http://jsfiddle.net/ambiguous/9sFm7/

Answer 2

alte Frage, aber wenn Sie verwenden Elving der Swag Handlebars helpers library, können Sie die Helfer is und isnt nutzen können.

Answer 3

Dies kann auch erreicht werden mit Lenker Subexpressions.

Template -

<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); 

Arbeits Demo: http://jsfiddle.net/techgeeek/b99qwtpw/