루비 슬림 인라인

Question

Ruby Slim을 사용하여 인라인 if을하려고합니다. 아래에있는 내 예를 감안할 때

... 두 경우 모두

- if @droppable 
    .panel data-draggable="true" 
    span More content here 
- else 
    .panel 
    span More content here 

는 유일한 차이점은 최상위 .panel 요소에 data-draggable 속성의 존재이다. .panel의 내용은 동일합니다, 그래서 나는 다음과 같은 것을 달성하고 싶습니다 :

.panel (@droppable ? data-draggable="true") 
    span More content here 

슬림이를 달성하는 방법이 있나요를?

Answer 1

사용 dynamic tags :

ruby: 
    def panel! 
    {tag: 'panel'}.tap do |tag| 
     tag[:"data-draggable"] = true if @droppable 
    end 
    end 

*panel! 
    span hello 

Answer 2

가 여기에 if 필요가 없으며, 삼항 연산자는 세 개의 피연산자가 아닌 두 가지가 필요합니다.

특정 값, 또는 부재와 속성의 존재에 truthy/falsy 값을 설정하기 위해 && 연산자를 사용하여 의도적시키는, 전무/거짓 값을 갖는 속성을 생략하도록 설계되어 슬림 HAML 모두 :

슬림에서

: HAML에서

.panel data-draggable=(@droppable && "true") 
    span Hello 

:

.panel{data: {draggable: @droppable && "true"}} 
    %span Hello 

두 경우 모두 @droppable이 truthy 값인 경우 data-draggable="true"이 추가되고 그렇지 않은 경우 속성이 생략됩니다.