Як зробити динамічні ідентифікатори в Haml?

#item

створює div з id = "item"

.box#item

створює div з class = "box" та id = "item"

.box#="item "+x

створює div із class = "box" та коментарем '# = "item" + x'

.box#
  ="item"+x

викидає "Заборонений елемент: класи та ідентифікатори повинні мати значення."

Як мені встановити ідентифікатор змінною?

Є два шляхи:

Шлях у довгій формі (визначте ідентифікатор так, ніби це звичайний атрибут):

.box{:id => "item_#{x}"}

виробляє це ( xце те, що коли-небудь x.to_sоцінює):

<div class="box" id="item_x">

Короткий спосіб:

.box[x]

виробляє наступне припускаючи, що xє екземпляром item:

<div class="box item" id="item_45">

Для отримання додаткової інформації дивіться посилання HAML .

Ви можете встановити idі classв HAML наступними способами

1. Нормальний спосіб

   .box.item#item
   

   <div id="item" class="box item"></div>
   

2. Якщо вам потрібна інтерполяція, ви можете використовувати цей формат

   .box{id: "item_#{123}", class: "item_#{123}"}
   

   <div id="item_123" class="box item_123"></div>
   

3. Цей формат генерує клас та ідентифікатор, використовуючи посилання на об'єкт

   # app/controllers/items_controller.rb 
   @item = Item.find(123)
   

   .box[@item]
   

   <div id="item_123" class="box item"></div>
   

4. Якщо вам потрібно дещо ввести префікс

   .box[@item, :custom]
   

   <div id="custom_item_123" class="box custom_item"></div>
   

5. Якщо вам потрібен спеціальний генерація класу та ідентифікатора, вам потрібно додати до моделі такий метод.

   class CrazyUser < ActiveRecord::Base
     def haml_object_ref
       "customized_item"
     end
   end
   

   І тоді ви отримаєте індивідуальний клас

   .box[@item]
   

   <div id="customized_item_123" class="box customized_item"></div>
   

Довідка:

• http://haml.info/docs/yardoc/file.REFERENCE.html#object-reference-
• http://haml.info/docs/yardoc/file.REFERENCE.html