苗条的动态条件类

Question

只是为了帮助其他开发者，因为在SO上没有类似的问题。

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

Answer 1

参见下面的实施例：

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

同样的方法可用于动态值分配给其他属性。

Answer 2

如果您有多个条件，我做的，现在像

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

虽然我觉得这是一个瑕疵，如果is_bar？在

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

返回false和生成的HTML结果（缺陷是foo后的空白字符）。如果有人有一个解决方案，那就太棒了。

Answer 3

如果不需要在列表中包含类，则使用类和nil元素的数组，然后使用紧凑数组删除nil元素并最终将所有元素连接在一起。

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