핸들바의 {{#if}} 조건부에 논리 연산자를 어떻게 통합할 수 있나요?

Handlebar의 {{#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 중국어 웹사이트의 기타 관련 기사를 참조하세요!