Valeur par défaut pour un espace réservé de modèle Handlebars

Puis-je spécifier une valeur par défaut pour un Guidon " modèle de l'espace réservé?

<script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{method}}" action="{{action}}" class="menu-edit-form">
...                     
    </form>
</script>

Puis-je spécifier des valeurs par défaut pour {{méthode}} et {{action}} et les sauter dans l'objet qui est passé au modèle compilé?

source d'informationauteur MTVS

  1. 30

    Guidon n'a pas de "valeurs par défaut".

    Vous devez utiliser {{if}} instruction pour vérifier propriété est définie.

    <script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{if method}}{{method}}{{else}}POST{{/if}}" action="{{if action}}{{action}}{{else}}/{{/if}}" class="menu-edit-form">
...
    </form>
</script>

    Ou si vous voulez un peu plus propre syntaxe, l'utilisation de la simple helper:

    Handlebars.registerHelper('safeVal', function (value, safeValue) {
    var out = value || safeValue;
    return new Handlebars.SafeString(out);
});

    qui vous permet de vous écrire comme ceci:

    <script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{safeVal method 'POST'}}" action="{{safeVal action '/'}}" class="menu-edit-form">
...
    </form>
</script>
  2. 5

    Voici ma solution simple

    d'abord, nous créons un très de base aide appelée 'choisir'

        Handlebars.registerHelper('choose', function (a, b) {return a ? a : b;});

    puis nous l'utilisons dans le modèle 🙂

    <p>
{{choose valueFromData 'default-value-in-template'}}
<p>

    ou bien sûr, nous pouvons faire

        <p>
    {{choose valueFromData defaultValueFromData}}
    <p>

    Donc dans votre cas:

    <form method="{{choose method 'get'}}" action="{{choose action 'action.php'}}" class="menu-edit-form">
...                     
    </form>

    Espère que cela aide quelqu'un d'autre puisque c'est à partir de 2014 🙂

  3. 4

    Cette question et ses réponses sont assez vieux et beaucoup de nouvelles fonctionnalités ont été ajoutées à guidon depuis qu'ils ont été écrits.

    J'ai réussi à obtenir la fonctionnalité des valeurs par défaut à l'aide de des blocs partiels qui ont été libérés dans la v4.0.0 - de sorte que votre modèle permettrait de finir par ressembler à cela:

    <script type="x-handlebars-template" id="menu-edit-form-tpl">
    <form method="{{#> method}}get{{/method}}" action="{{#> action}}index.php{{/action}}" class="menu-edit-form">
...                     
    </form>
</script>

    Alors c'est juste une affaire de passage dans votre method et action comme partiels en faisant quelque chose comme ceci:

    var source = $('#menu-edit-form-tpl').html(),
    template = Handlebars.compile(source),
    html = template({}, {
        partials: {
            action: 'contact-form.php'
        }
    });

    Dans le html résultant de la méthode par défaut get et l'action sera contact-form.php - j'ai fait une petite démo de ce plus à codepen: http://codepen.io/andyexeter/pen/LRpJag

  4. 3

    Vous pouvez enregistrer un helperMissing helper qui sera appelé à chaque fois qu'une valeur est définie dans le modèle, mais pas dans votre contexte (utile si vous ne voulez pas les valeurs manquantes échoue silencieusement):

    Handlebars.registerHelper("helperMissing", function(context, options) {
    console.error("Template defines {{" + context.name + "}}, but not provided in context");
    return "{{" + context.name + "}}";
});