[Rails] haml code quick reference table

Github Official Haml-rails Tutorial HamlTutorial

Introduction

Gemfile


#Add the following`bundle install`
gem "haml-rails", "~> 2.0"

#For Rails 4
gem "haml-rails", "~> 1.0.0"
#For Rails 3
gem "haml-rails", "~> 0.4.0"

** Convert html.erb to html.haml ** $ rails generate haml:application_layout convert When converting all erb files $ rails haml:erb2haml

HTML code

erb


<div>blue</div>
<div class="sky">blue</div>
<div class="sky">blue</div>
<div class="sky" id="line">blue</div>

haml


%div blue
%div.sky blue
.sky blue
.sky#line blue

Ruby code

erb


<% if user_signed_in? %>
  <%= hoge %>
<% else %>
  <%= skyblue %>
<% end %>

haml


- if user_signed_in?
  = hoge
- else
  = skyblue

Nest

erb


<div class="header-nav">
  <nav>
    <ul class="nav-list">
      <% if current_user %>
        <li class="list-item"><%= content %></li>
        <li class="list-item" id="sky"><%= link_to "blue" %></li>
      <% else %>
        <li class="list-item"><%= content %></li>
        <li class="list-item" id="sky"><%= link_to "blue" %></li>
      <% end %>
    </ul>
  </nav>
</div>

haml


.header-nav
  %nav
    %ul.nav-list
      - if current_user
        %li.list-item= content
        %li.list-item#sky= link_to "blue"
      - else
        %li.list-item= content
        %li.list-item#sky= link_to "blue"

Recommended Posts

[Rails] haml code quick reference table
Column type quick reference table
systemclt & service quick reference table (CentOS7 & Amazon Linux 2)
Rails reference type creation added