Boolesche Logik innerhalb einer LENKER-Vorlage

Ist es möglich, führen Sie Boolesche Logik innerhalb eines Lenkers abhängt?

Ich jetzt spoof dieses Verhalten mit einer controller-Funktion, so dass ich am Ende mit dem controller

App.ApplicationController = Ember.Controller.extend({
    bool1: true,
    bool2: true,
    both: function(){ return this.bool1 && this.bool2; }.property('content.both'),
});

Die es mir erlaubt die Verwendung einer LENKER-Vorlage von

<script type="text/x-handlebars">
  {{#if both}}
     <p> both were true </p>
  {{/if}}
</script>

und das funktioniert gut, wirft aber einige Probleme. First off, es verschleiert, was passiert (besonders, wenn gute Funktionsnamen nicht verwendet werden). Zweitens scheint es zu verletzen ein wenig auf das MVC-Trennung.

Ist es möglich zu tun, etwas entlang der Linien von

<script type="text/x-handlebars">
  {{#if bool1 && bool2}}  <!-- this will not actually work -->
     <p> both were true </p>
  {{/if}}
</script>

haben und es funktioniert?

siehe Verwandte: stackoverflow.com/questions/14149415/double-condition-with-if

InformationsquelleAutor BostonJohn | 2013-02-12

  1. 7

    Können Sie es nicht direkt, aber es ist nicht schwer zu tun mit ein wenig arguments analysieren und eine Variable Helfer. So etwas wie dieses:

    Handlebars.registerHelper('if_all', function() {
    var args = [].slice.apply(arguments);
    var opts = args.pop();

    var fn = opts.fn;
    for(var i = 0; i < args.length; ++i) {
        if(args[i])
            continue;
        fn = opts.inverse;
        break;
    }
    return fn(this);
});

    Und dann in eine Vorlage Sie können sagen:

    {{#if_all a b c}}
    yes
{{else}}
    no
{{/if_all}}

    Können Sie möglichst viele Argumente zu {{#if_all}} wie Sie benötigen. Vielleicht möchten Sie die truthiness test-match-LENKER, da {{#if}} behandelt

    `false`, `undefined`, `null`, `""` or `[]` (a "falsy" value)

    als falsey und alles andere als truthy in der Erwägung, dass [] ist truthy in JavaScript.

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

    InformationsquelleAutor mu is too short

  2. 11

    werden kann, können Sie versuchen, diese LENKER Helfer:

    Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) {

switch (operator) {
    case '==':
        return (v1 == v2) ? options.fn(this) : options.inverse(this);
    case '===':
        return (v1 === v2) ? options.fn(this) : options.inverse(this);
    case '<':
        return (v1 < v2) ? options.fn(this) : options.inverse(this);
    case '<=':
        return (v1 <= v2) ? options.fn(this) : options.inverse(this);
    case '>':
        return (v1 > v2) ? options.fn(this) : options.inverse(this);
    case '>=':
        return (v1 >= v2) ? options.fn(this) : options.inverse(this);
    case '&&':
        return (v1 && v2) ? options.fn(this) : options.inverse(this);
    case '||':
        return (v1 || v2) ? options.fn(this) : options.inverse(this);
    default:
        return options.inverse(this);
}

    });

    ab und rufen Sie es wie folgt :

     {{#ifCond showDistance "&&" distance}}
      <span class="distance">
          {{distance}}
      </span>
 {{else}}
      {{#if showRegion}}
           <span class="region">
           </span>
      {{/if}}
 {{/ifCond}}

    InformationsquelleAutor materliu

Schreibe einen Kommentar