如何在HAML％li HTML標記的CSS屬性內成功插入Ruby？

Question

長時間的聽衆，第一次來電。我是位於芝加哥的Code Academy的一名6個月大的開發人員，我一直在這個問題上停留了幾個小時。在此之前，我感謝您的所有幫助和時間。

我正在將ERB模板轉換爲HAML。再培訓局：

<ul class="nav nav-list"> 
    <li class="nav-header"> 
    <%= navigation_header %> 
    </li> 
    <% @navigation_links.each do |link| %> 
    <% if link[:name].present? %> 
    <li <%= link[:name] == @topic ? "class='active'" : "" %>> 
     <%= link_to link[:name], link[:url] %> 
    </li> 
    <% else %> 
    <hr /> 
    <% end %> 
    <% end %> 
</ul> 

我遇到的麻煩的ERB行是：

<li <%= link[:name] == @topic ? "class='active'" : "" %>> 

我測試過很多變化，閱讀儘可能多的HAML參考儘可能的，主要集中在this節：

您還可以使用＃{}插值插入一個HTML風格屬性複雜的表達式 ：

%span(class="widget_#{@widget.number}") 

...搜查谷歌& StackOverflow，但我不能得到正確輸出; HAML不斷忽略內聯CSS。我所有的基礎以後，我就在這個版本中如此自信，但沒有奏效：

- @navigation_links.each do |link| 
    - if link[:name].present? 
    %li{ :class => "#{ link[:name] == @topic ? "active" : ""}" } 
     = link_to link[:name], link[:url] 
    - else 
    %hr 

我也試過了：ERB過濾器，但沒有成功：

%ul.nav.nav-list 
    %li.nav-header 
    = navigation_header 
- @navigation_links.each do |link| 
    - if link[:name].present? 
    :erb 
     <li <%= link[:name] == @topic ? "class='active'" : "" %>> 
    = link_to link[:name], link[:url] 
    - else 
    %hr 

我我也嘗試過一個：css過濾器，但是失敗了。

任何想法可能是錯的？這是我在StackOverflow上的第一個問題，所以如果我省略了一些有用的信息或違反了任何規則，請告訴我。

Answer 1

<li <%= link[:name] == @topic ? "class='active'" : "" %>> 

您不需要變量插值。這意味着比較容易地進入HAML如以下任一操作：

%li{:class => (link[:name] == @topic) && "active"} 
%li{:class => (link[:name] == @topic) ? "active" : "" } 

第一優選在要包括或完全省略該值的情況。從HAML docs：

如果指定了單個值並且它的計算結果爲false，則忽略 ;否則它會轉換爲一個字符串。例如：

.item{:class => @item.is_empty? && "empty"}