如何在Haml中制作动态ID？

Question

#item

创建一个id ="item"的div

.box#item

使用class ="box"和id ="item"创建一个div

.box#="item "+x

使用class ="box"和注释"#="item"+ x"创建一个div

.box#
  ="item"+x

抛出"非法元素:类和id必须有值."

如何将id设置为变量？

Answer 1

有两种方法:

长格式方式(将id定义为常规属性):

.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参考.

Answer 2

您可以通过以下方式在HAML中设置id和class

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. 此格式使用对象引用生成类和ID

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

   .box[@item]
   

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

4. 如果您需要添加前缀

   .box[@item, :custom]
   

   .box[@item, :custom]
   

5. 如果需要自定义类和ID生成，则需要添加以下方法进行建模。

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

   然后您将获得定制的课程

   .box[@item]
   

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

参考：

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