2013-09-22 47 views
44

屬性我正在評估修身作爲一個個人項目的替代品用於HAML,它似乎並沒有處理HTML5數據屬性,優雅的HAML。我希望有人可能也遇到過這種情況,或者可能已經瞭解我的文檔中尚未找到的選項/語法。最佳方式修身

HAML讓您只需通過使用嵌套的哈希值,像這樣來定義HTML 5 data attributes

%a{data: {key1: 'val', key2: 'val'}}

導致

<a data-key1='val' data-key2='val'></a>

回答

75

有多種方式在超薄

  1. As Hash

    如果給定散列(Hash),則將被連字符的屬性(例如,數據= {A 1,B:2}將呈現爲數據-A = 「1」 的數據B = 「2」)

  2. 直接使用它作爲 「畝太短」 所提到的,相當直觀的。

    a data-title="help" data-content="foo" 
    
  3. 使用Ruby代碼。我經常這樣做,很少在上面。

    = link_to 'foo', bar_path, data: {a: 'a', b: 'b'} 
    
+0

真棒, **#3 **正是我所期待的。在HAML文檔所描述的文檔中,我沒有看到任何東西跳出來。謝謝! – mmoss

+3

苔蘚,#3既不是Haml也不是Slim,但Rails助手:) –

+3

注意,如果你做'a href =「#」data = {user_name:'fred',user_id:1}''它會把它翻譯成''這與Rails無關,因爲您將看到它在Sinatra應用程序中工作。 –

0

我更喜歡這種解決......

@products.each do |product| 
    .module data-id=product.id 

這是爲我工作

0

使用圖示操作:

h1#section-title*{'data-url'=>'test', 'data-id'=>'test'} = @project.name