请解释HAML代码/文档，这个片断

Question

%div{:class => [@item.type, @item == @sortcol && [:sort, @sortdir]] } Contents 

可能使任何的：

<div class="numeric sort ascending">Contents</div> 
<div class="numeric">Contents</div> 
<div class="sort descending">Contents</div> 
<div>Contents</div> 

我真的不明白这个片段的@sortcol && [:sort, @sortdir]一部分。

Answer 1

这依赖于运算符优先级。所以它评估是这样的：

1. @item == @sortcol是真或假。
   • 当false
     1. &&返回false因为其他部分不进行评价
     2. 因此代码减少到:class => [@item.type]
   • 当true
     1. &&返回表达式的第二部分。在这种情况下，阵列[:sort, @sortdir]
     2. HAML渲染因而前阵这相当于自动展平到:class => [@item.type, :sort, @sortdir]

Answer 2

[@item.type, @item == @sortcol && [:sort, @sortdir]] 
=> 
# if @item.type is blank, so class is still empty 
# if @item.type is "numeric" class is "numeric" 
class = @item.type 

# if @item equal @sortcol 
# class will append "sort" and @sortdir if it is not empty. 
if @item == @sortcol 
    class += "sort" 
    class += @sortdir 
end 

这种结构@item == @sortcol && [:sort, @sortdir]将返回[：排序，@sortdir]只有@item == @sortcol是真的