Handlebars.js {{#if}} 조건부에서 논리 연산자를 구현하는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-11-15 05:34:02
원래의
358명이 탐색했습니다.

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

Logical Operators in Handlebars.js {{#if}} Conditionals

In Handlebars.js, conditional statements using the {{#if}} helper allow you to conditionally render content based on a single condition. However, for more complex scenarios involving multiple conditions, you might wonder if there's a way to incorporate logical operators.

Using Block Helpers

While Handlebars.js doesn't natively support logical operators within its {{#if}} conditional, it's possible to achieve this functionality by creating a custom block helper.

Handlebars.registerHelper('ifCond', function(v1, v2, options) {
  if(v1 === v2) {
    return options.fn(this);
  }
  return options.inverse(this);
});
로그인 후 복사

Utilizing the Block Helper

To use the custom ifCond helper, you can call it in your Handlebars template like this:

{{#ifCond v1 v2}}
    {{v1}} is equal to {{v2}}
{{else}}
    {{v1}} is not equal to {{v2}}
{{/ifCond}}
로그인 후 복사

By utilizing this custom block helper, you can now evaluate logical conditions in your Handlebars conditionals, enabling you to control content rendering based on multiple criteria.

위 내용은 Handlebars.js {{#if}} 조건부에서 논리 연산자를 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿