屬性我正在評估修身作爲一個個人項目的替代品用於HAML,它似乎並沒有處理HTML5數據屬性,優雅的HAML。我希望有人可能也遇到過這種情況,或者可能已經瞭解我的文檔中尚未找到的選項/語法。最佳方式修身
HAML讓您只需通過使用嵌套的哈希值,像這樣來定義HTML 5 data attributes:
%a{data: {key1: 'val', key2: 'val'}}
導致
<a data-key1='val' data-key2='val'></a>
屬性我正在評估修身作爲一個個人項目的替代品用於HAML,它似乎並沒有處理HTML5數據屬性,優雅的HAML。我希望有人可能也遇到過這種情況,或者可能已經瞭解我的文檔中尚未找到的選項/語法。最佳方式修身
HAML讓您只需通過使用嵌套的哈希值,像這樣來定義HTML 5 data attributes:
%a{data: {key1: 'val', key2: 'val'}}
導致
<a data-key1='val' data-key2='val'></a>
有多種方式在超薄
As Hash
如果給定散列(Hash),則將被連字符的屬性(例如,數據= {A 1,B:2}將呈現爲數據-A = 「1」 的數據B = 「2」)
直接使用它作爲 「畝太短」 所提到的,相當直觀的。
a data-title="help" data-content="foo"
使用Ruby代碼。我經常這樣做,很少在上面。
= link_to 'foo', bar_path, data: {a: 'a', b: 'b'}
我更喜歡這種解決......
@products.each do |product|
.module data-id=product.id
這是爲我工作
使用圖示操作:
h1#section-title*{'data-url'=>'test', 'data-id'=>'test'} = @project.name
真棒, **#3 **正是我所期待的。在HAML文檔所描述的文檔中,我沒有看到任何東西跳出來。謝謝! – mmoss
苔蘚,#3既不是Haml也不是Slim,但Rails助手:) –
注意,如果你做'a href =「#」data = {user_name:'fred',user_id:1}''它會把它翻譯成''這與Rails無關,因爲您將看到它在Sinatra應用程序中工作。 –