versuchen html zu einem Schiene Helfer

Question

Ich versuche, den folgenden HTML-Code in einen Rubin Helfer zu konvertieren zu konvertieren:

<a href="home.html" class="hvr-sweep-to-bottom"> 
    <i class="flaticon-insignia"></i> 
    <span>home</span> 
</a> 

Hier ist mein Code so weit, dass nicht funktioniert:

link_to home_path(media), class: 'hvr-sweep-to-bottom' do 
    content_tag(:i, class: 'flaticon-insignia') {} 
    content_tag(:span) do 
     menu_item.title 
    end 
end 

Dieses erzeugt die folgende Ausgabe:

<a class="hvr-sweep-to-bottom" href="/"> 
    <span>Home</span> 
</a> 

Wie bekomme ich das zur Arbeit?

Answer 1

link_to, wenn ein Block übergeben, wird wickeln <a> Tags um, was auch immer der Block zurückgibt. In Ihrem Code:

link_to home_path(media), class: 'hvr-sweep-to-bottom' do 
    content_tag(:i, class: 'flaticon-insignia') {} 
    content_tag(:span) do 
     menu_item.title 
    end 
end 

das einzige, was wird zurück der letzte Methodenaufruf ist (content_tag(:span) do ... end). Es gibt mehrere Möglichkeiten, dies zu schreiben, wie die Verwendung von String#concat, aber hier ist, wie ich es normalerweise tun:

link_to home_path(media), class: 'hvr-sweep-to-bottom' do 
    link_text = content_tag(:i, class: 'flaticon-insignia') {} 
    link_text << content_tag(:span) do 
     menu_item.title 
    end 
end 

Beachten Sie auch, dass in Ihrem Beispiel menu_item.title ist Home nicht home; und home_path(media) ist / nicht home.html - so werden Sie immer noch nicht mit identischem HTML enden. Dies sind jedoch beide getrennte Themen für Sie zum Nachdenken.

Answer 2

verketten die content_tags zusammen, mit der + symbol:

link_to home_path(media), class: 'hvr-sweep-to-bottom' do 
    content_tag(:i, '', class: 'flaticon-insignia') + content_tag(:span, menu_item.title) 
end 

das tun sollte es