Maison > interface Web > js tutoriel > le corps du texte

Comment implémenter des opérateurs logiques dans les conditions guidons.js {{#if}} ?

Susan Sarandon
Libérer: 2024-11-15 05:34:02
original
332 Les gens l'ont consulté

How to Implement Logical Operators in Handlebars.js {{#if}} Conditionals?

Opérateurs logiques dans guidons.js {{#if}} Conditionnels

Dans guidons.js, les instructions conditionnelles utilisant l'assistant {{#if}} vous permettent de rendre le contenu de manière conditionnelle en fonction d'une seule condition. Cependant, pour des scénarios plus complexes impliquant plusieurs conditions, vous pourriez vous demander s'il existe un moyen d'incorporer des opérateurs logiques.

Utilisation des Block Helpers

Bien que guidons.js ne prenne pas en charge nativement les opérateurs logiques dans son {{#if}} conditionnel, il est possible d'obtenir cette fonctionnalité en créant un assistant de bloc personnalisé.

Handlebars.registerHelper('ifCond', function(v1, v2, options) {
  if(v1 === v2) {
    return options.fn(this);
  }
  return options.inverse(this);
});
Copier après la connexion

Utilisation de l'assistant de bloc

Pour utiliser l'assistant ifCond personnalisé, vous pouvez appeler dans votre modèle de guidon comme ceci :

{{#ifCond v1 v2}}
    {{v1}} is equal to {{v2}}
{{else}}
    {{v1}} is not equal to {{v2}}
{{/ifCond}}
Copier après la connexion

En utilisant cet assistant de bloc personnalisé, vous pouvez désormais évaluer les conditions logiques dans vos conditions de guidon, vous permettant de contrôler le rendu du contenu en fonction de plusieurs critères.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal