はレールヘルパー

Question

にHTMLを変換しようと、私はルビーヘルパーに次のHTMLを変換しようとしています：ここで

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

は私のコードは動作しませんので、これまでです：

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 

この次の出力が生成されます。

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

これをどのように動作させるのですか？ブロックを通過したとき

Answer 1

link_to、を返しどんなブロックの周り<a>タグをラップします。あなたのコードでは：

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 

がを返される唯一のものは、最終的なメソッド呼び出し（content_tag(:span) do ... end）です。そこなString#concatを使用するなど、これを書いている複数の方法は、ありますが、ここで私は通常、それを行う方法は次のとおりです。また、そのあなたの例では

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 

注意、menu_item.titleはHomeないhomeです。 home_path(media)は/ではなく、home.htmlであり、同じHTMLで終わることはありません。しかし、それらはあなたが考えることのできる別々の問題です。

Answer 2

は使用して、一緒にcontent_tagsを連結し+ 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 

あなたはそれを言うとき、それは