Handlebarsjs vérifier si une chaîne est égale à une valeur

Je voudrais juste utiliser les helpers comme ceci:

Handlebars.registerHelper('ifeq', function (a, b, options) {
    if (a == b) { return options.fn(this); }
    return options.inverse(this);
});

Handlebars.registerHelper('ifnoteq', function (a, b, options) {
    if (a != b) { return options.fn(this); }
    return options.inverse(this);
});

Puis dans votre code:

{{#ifeq variable "string"}} 
    ... do this ... 
{{/ifeq}}
{{#ifnoteq variable "string"}} 
    ... do this ... 
{{/ifnoteq}}

OriginalL'auteur Pablo Varando

Vient de ce post à partir d'une recherche sur google sur la façon de vérifier si une chaîne est égale à une autre chaîne.

- Je utiliser HandlebarsJS en NodeJS côté serveur, mais j'ai aussi utiliser les mêmes fichiers de modèle sur la face avant à l'aide de la version du navigateur de HandlebarsJS pour l'analyser. Cela veut dire que si je voulais une personnalisé helper, je devais le définir en 2 endroits distincts, ou de lui attribuer une fonction à l'objet en question - trop d'effort!!

Ce que les gens oublient, c'est que certains objets ont hériter de fonctions qui peuvent être utilisées dans la moustache d'un modèle. Dans le cas d'une chaîne de caractères:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match

Un Tableau contenant l'ensemble de la correspondance et toutes les parenthèses-capturé appariés résultats; null si il n'y avait pas de matchs.

Nous pouvons utiliser cette méthode pour retourner un tableau de correspondances, ou null si aucune correspondance n'a été trouvé. C'est parfait, parce qu'en regardant la HandlebarsJS documentation http://handlebarsjs.com/builtin_helpers.html

Vous pouvez utiliser si l'aide pour conditionnellement rendu d'un bloc. Si son argument renvoie la valeur false, undefined, null, "", 0, ou de [], le Guidon ne rendra pas le bloquer.

Donc...

{{#if your_string.match "what_youre_looking_for"}} 
String found :)
{{else}}
No match found :(
{{/if}}

Mise à JOUR:

Après avoir testé sur tous les navigateurs, cela ne fonctionne pas sur Firefox. HandlebarsJS passe des autres arguments d'un appel de fonction, ce qui signifie que lors de la Chaîne.le prototype.match est appelé, le deuxième argument (c'est à dire l'expression des drapeaux pour le match de l'appel de fonction conformément à la documentation ci-dessus) semble être passée. Firefox voit cela comme un déconseillées utilisation de la Chaîne.le prototype.match, et ainsi de pauses.

Une solution de contournement consiste à déclarer un nouveau prototype fonctionnel pour la Chaîne JS objet, et de l'utiliser à la place:

if(typeof String.includes !== 'function') {
    String.prototype.includes = function(str) {
        if(!(str instanceof RegExp))
            str = new RegExp((str+'').escapeRegExp(),'g');
        return str.test(this);
    }
}

Veiller à ce code JS est inclus avant vous exécutez votre Guidon.compiler() de la fonction, puis dans votre modèle...

{{#your_string}}
    {{#if (includes "what_youre_looking_for")}} 
        String found :)
    {{else}}
        No match found :(
    {{/if}}
{{/your_string}}

OriginalL'auteur Jon

Un cas commun pour une solution simple, ré-utilisable fonction d'assistance est à l'origine d'un retour de chaîne1 si les valeurs sont égales et string2 si ils ne le sont pas.

Exemple:

Helper (appelons-le "ifEqual" et envoyer des 4 paramètres):

helpers: {

    ifEqual: function (obj, value, trueString, falseString) {
            return ( (obj===value) ? trueString : falseString );
}

L'Utilisation Du Modèle:

Pour cet exemple, supposons que le modèle reçoit une "transaction" de l'objet avec un "transactionType" la propriété: { transactionType: "expense", description: "Copies" }

Disons que notre modèle a un <select> pour le Type d'Opération, avec divers <option>s comme indiqué. Nous voulons utiliser Guidon de pré-sélectionner l'option qui coïncide avec la valeur de transactionType.

Notre nouveau {{ ifEqual }} helper est utilisé pour insérer des "sélectionnés" pour le <option> avec la valeur correspondante de la "dépense".

<select required id="selTransactionType" name="selTransactionType" class="form-control" onchange='transactionTypeChanged()'>
   <option value='hourly' {{ ifEqual transaction.transactionType "hourly" "selected" "" }} >Hourly fee</option>
   <option value='flat' {{ ifEqual transaction.transactionType "flat" "selected" "" }} >Flat fee</option>
   <option value='expense' {{ ifEqual transaction.transactionType "expense" "selected" "" }} >Expense</option>
   <option value='payment' {{ ifEqual transaction.transactionType "payment" "selected" "" }} >Payment</option>
   <option value='credit' {{ ifEqual transaction.transactionType "credit" "selected" "" }} >Credit</option>
   <option value='debit' {{ ifEqual transaction.transactionType "debit" "selected" "" }} >Debit</option>
</select>

OriginalL'auteur Jeff Matthews

Dans le Guidon, les parenthèses sont utilisées pour invoquer le premier élément de la liste en fonction, en utilisant (facultatif) les éléments suivants en tant que paramètres. Ainsi, la syntaxe de Braise PEUT être utilisé sans Braise, à condition que vous pouvez définir le contexte vous-même. Par exemple:

    context.eq = function(param1, param2) {
        return param1 === param2;
    }

    context.notEq = function(param1, param2) {
        return param1 !== param2;
    }

Une fois que vous faites cela, vous pouvez utiliser le modèle {{#if}} et {{#sauf}} bloquer les opérations:

{{#if (eq someVar "someValue") }}

Être prudent de commutation de contextes avec {{avec}} ou lors de l'utilisation de inline partiels. Vous pouvez perdre la trace de votre défini "eq" de la fonction. La garantie de la façon de travailler, indépendamment des contextes nouveaux:

{{#if (@root.eq someVar "someValue") }}

OriginalL'auteur Joel Kozikowski

Essayer:

{{#est le point.statut "terminé"}}
...
{{/}}

OriginalL'auteur user2662680