Use variables for class and id names in haml

There were times when I wanted to index the class name during application development, and I was confused about how to write it, so please refer to it if there is a similar person.

Basic

First, the basic class name id name is written starting with "." And "#".

#name of the class
.item_name
%p.item_name

#ID name
#item_name
%p#item_name

How to write using variables

And this time I stumbled upon how to write using variable names in each statement. It was applied in the following writing style!

[email protected]_with_index do |item, i|
  %div{class: "#{item.name}"}
    %p{class: "item_name_#{i}"}

Enclose the class name in {} and it will be applied! It is applied in the same way even if it is not a each statement

%div{class: @item.name}

Recommended Posts

Use variables for class and id names in haml

Use different TransactionManager for metadata and step in spring-batch

Use of Abstract Class and Interface properly in Java

Use ruby variables in javascript.

[Java] Make variables in extended for statement and for Each statement immutable

How to separate words in names in classes, methods, and variables

StringBuffer and StringBuilder Class in Java

java (use class type for field)

Getter names are different in lombok and eclipse for fields like `rPoint`

Do not use instance variables in partial

[Docker] Use environment variables in Nginx conf

[Java] for Each and sorted in Lambda

[Java] Differences between instance variables and class variables

Watch out for embedded variables in S2Dao

Proper use of interface and abstract class

Java programming (static clauses and "class variables")

How to use environment variables in RubyOnRails

[Java] How to use FileReader class and BufferedReader class

(Basic authentication) environment variables in rails and Docker

Criteria for proper use of render and redirect_to

Ruby: Differences between class methods and instance methods, class variables and instance variables

Use pagy for pagination in your Rails app.

Use Shift Right and Shift Left properly in Selenium

[Java] How to use Calendar class and Date class

I want to use PowerMock in a class that combines parameterized tests and ordinary tests