슬림 동적 조건부 클래스 [닫기]

다른 개발자를 돕기 위해 비슷한 질문이 없기 때문입니다.

div class=(is_active? ? 'active' : 'inactive')
div class=('active' if is_active?)

아래 예를 참조하십시오.

div class=(is_active? ? 'active' : 'inactive')
div class=('active' if is_active?)

동일한 접근 방식을 사용하여 다른 속성에 동적 값을 할당 할 수 있습니다.

목록에 클래스를 포함 할 필요가 없으면 클래스 배열과 nil 요소를 사용하고 nil 요소를 제거하고 마지막으로 모두 결합하기 위해 배열을 압축합니다.

div class=(["cday", "col-md-1", day.day == 1 ? "col-md-offset-#{day.cwday-1}" : nil].compact.join(' '))

여러 조건이있는 경우 지금 다음과 같이하고 있습니다.

div class=(('foo ' if is_foo?) + ('bar' if is_bar?))

is_bar라면 흠집이라고 느끼지만? false를 반환하고 생성 된 HTML 결과는

<div class="foo "></div>

(흠은 뒤에있는 공백 문자입니다 foo). 누군가에 대한 해결책이 있다면 굉장 할 것입니다.