적극적으로 클래스 추가 또는 제거

Question

어떻게하면 스페이스 바를 사용하여 요소에 반응적으로 클래스를 추가하거나 제거 할 수 있습니까? 또한 누구나 스페이스 바 형식에 대한 설명서의 지시를받습니다. 특히 {{#if condition1 & & condition2}} 스타일의 논리 함수입니다. 감사합니다

Answer 1

스페이스 바를 사용하면 현재 논리적 (또는 다른) 기능을 수행 할 방법이 제공되지 않습니다.

UI.registerHelper('and', function(a, b) { 
    return a && b; 
}); 

{{#if and condition1 condition2}} 
    ... 
{{/if} 

:

여러 장소에서 if 도우미 인수에 논리 연산을해야하는 경우

, 그것은 정의하는 사용자 정의 헬퍼 최고입니다

Answer 2

현재 "if"문에는 허용되는 논리 연산이 없지만 사용자 지정 도우미를 제공하여이 문제를 해결할 수 있습니다. 반응 적 클래스를 수정하는 가장 쉬운 방법은 다음과 같습니다

<div class="{{#if isActive}}active{{/if}}"></div> 

또는 yieldClass 단지

<div class="{{yieldClass}}"></div> 

는 템플릿의 일부 (아마도 반응) 도우미입니다.