Logischer Operator in einer Handlebars.js {{#if}} Bedingung

Question

Gibt es eine Möglichkeit, in Handlebars JS logische Operatoren in den Standard-Handlebars.js-Bedingungsoperator einzubinden? Etwas wie das:

{{#if section1 || section2}}
.. Inhalt
{{/if}}

Ich weiß, ich könnte meinen eigenen Helfer schreiben, aber ich möchte zuerst sicherstellen, dass ich nicht das Rad neu erfinde.

Answer 1

Install Ember Truth Helpers Add-On, indem du den folgenden Befehl ausführst

ember install ember-truth-helpers

Du kannst die meisten logischen Operatoren (eq, not-eq, not, and, or, gt, gte, lt, lte, xor) verwenden.

{{#if (or section1 section2)}}  
...Inhalt  
{{/if}}

Du kannst sogar Unterausdrücke verwenden, um weiterzugehen,

{{#if (or (eq section1 "section1") (eq section2 "section2")) }}  
...Inhalt  
{{/if}}

Answer 2

Ähnlich wie Jims Antwort, aber unter Verwendung einer kleinen Kreativität könnten wir auch so etwas tun:

Handlebars.registerHelper( "compare", function( v1, op, v2, options ) {

  var c = {
    "eq": function( v1, v2 ) {
      return v1 == v2;
    },
    "neq": function( v1, v2 ) {
      return v1 != v2;
    },
    ...
  }

  if( Object.prototype.hasOwnProperty.call( c, op ) ) {
    return c[ op ].call( this, v1, v2 ) ? options.fn( this ) : options.inverse( this );
  }
  return options.inverse( this );
} );

Dann verwenden wir es ungefähr so:

{{#compare numberone "eq" numbertwo}}
  etwas tun
{{else}}
  etwas anderes tun
{{/compare}}

Ich würde vorschlagen, das Objekt aus der Funktion herauszunehmen, um die Leistung zu verbessern, aber ansonsten können Sie jede Vergleichsfunktion hinzufügen, die Sie möchten, einschließlich "und" und "oder".

Answer 3

Ich kann verstehen, warum Sie einen Helfer für Situationen erstellen möchten, in denen Sie eine große Anzahl von verschiedenen Vergleichen innerhalb Ihres Templates durchführen müssen, aber für eine relativ kleine Anzahl von Vergleichen (oder auch nur einen, was mich überhaupt auf diese Seite gebracht hat), wäre es wahrscheinlich einfacher, einfach eine neue Handlebars-Variable in Ihrem View-Rendering-Funktionsaufruf zu definieren, wie:

An Handlebars beim Rendern übergeben:

var context= {
    'section1' : section1,
    'section2' : section2,
    'section1or2' : (section1)||(section2)
};

und dann innerhalb Ihres Handlebars-Templates:

{{#if section1or2}}
    .. Inhalt
{{/if}}

Ich erwähne dies der Einfachheit halber und auch, weil es eine schnelle und hilfreiche Antwort sein kann, die den logiklosen Charakter von Handlebars dennoch einhält.

Answer 4

Leider lösen keine dieser Lösungen das Problem des "ODER"-Operators "cond1 || cond2".

1. Überprüfen Sie, ob der erste Wert wahr ist

2. Verwenden Sie "^" (oder) und überprüfen Sie, ob andernfalls cond2 wahr ist

   {{#if cond1}} DIE AKTION AUSFÜHREN {{^}} {{#if cond2}} DIE AKTION AUSFÜHREN {{/if}} {{/if}}

Es verstößt gegen die DRY-Regel. Warum also nicht einen Teil verwenden, um es weniger unordentlich zu machen

{{#if cond1}}
    {{> subTemplate}}
{{^}}
    {{#if cond2}}
        {{> subTemplate}}
    {{/if}}
{{/if}}

Answer 5

Eine andere Alternative ist, den Funktionsnamen im #if zu verwenden. Das #if wird feststellen, ob der Parameter eine Funktion ist, und wenn ja, wird es sie aufrufen und ihr Rückgabewert für die Wahrheitsüberprüfung verwenden. Unten erhält myFunction den aktuellen Kontext als this.

{{#if myFunction}}
  Ich bin glücklich!
{{/if}}