ホームページ > ウェブフロントエンド > jsチュートリアル > 論理演算子をハンドルバーの {{#if}} 条件に組み込むにはどうすればよいですか?

論理演算子をハンドルバーの {{#if}} 条件に組み込むにはどうすればよいですか?

DDD
リリース: 2024-11-16 06:41:03
オリジナル
698 人が閲覧しました

How Can I Incorporate Logical Operators into Handlebars' {{#if}} Conditional?

ハンドルバーの {{#if}} 条件演算子への論理演算子の組み込み

Handlebars.js は、単純な {{#if}} 条件演算子を提供します, しかし、論理演算子を組み込む必要がある場合はどうすればよいでしょうか?

Handlebars.registerHelper() を使用したカスタム ヘルパー

幸いなことに、Handlebars.registerHelper() を使用してカスタム ヘルパー関数を定義できます。これにより、ハンドルバーの組み込み機能を拡張できます。

Handlebars.registerHelper('ifCond', function(v1, v2, options) {
  if (v1 === v2) {
    return options.fn(this);
  }
  return options.inverse(this);
});
ログイン後にコピー

テンプレートでの使用法

登録すると、テンプレートでカスタム ヘルパーを使用できます。

{{#ifCond v1 v2}}
  {{v1}} is equal to {{v2}}
{{else}}
  {{v1}} is not equal to {{v2}}
{{/ifCond}}
ログイン後にコピー

このヘルパーを使用すると、Handlebars.js 内の論理式を評価できます。 {{#if}} 条件付き。回避策のように思えるかもしれませんが、これによりテンプレートの柔軟性が高まります。

以上が論理演算子をハンドルバーの {{#if}} 条件に組み込むにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート