Handlebars.js {{#if}} 条件式で論理演算子を実装する方法

Handlebars.js の論理演算子 {{#if}} 条件

Handlebars.js では、{{#if}} ヘルパーを使用した条件文により、次のことが可能になります。単一の条件に基づいてコンテンツを条件付きでレンダリングします。ただし、複数の条件を含むより複雑なシナリオの場合は、論理演算子を組み込む方法はないかと疑問に思うかもしれません。

ブロック ヘルパーの使用

一方、Handlebars.js は、その内部で論理演算子をネイティブにサポートしていません。 {{#if}} 条件付き。カスタム ブロックを作成することでこの機能を実現できます。 helper.

Handlebars.registerHelper('ifCond', function(v1, v2, options) {
  if(v1 === v2) {
    return options.fn(this);
  }
  return options.inverse(this);
});

ブロック ヘルパーの利用

カスタム ifCond ヘルパーを使用するには、Handlebars テンプレートで次のように呼び出すことができます。

{{#ifCond v1 v2}}
    {{v1}} is equal to {{v2}}
{{else}}
    {{v1}} is not equal to {{v2}}
{{/ifCond}}

利用することでこのカスタム ブロック ヘルパーを使用すると、ハンドルバーの条件文で論理条件を評価できるようになり、複数の条件に基づいてコンテンツのレンダリングを制御できるようになります。基準。

以上がHandlebars.js {{#if}} 条件式で論理演算子を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。