Лучший способ обработки данных атрибутов Слим

Я оценивала Тонкий в качестве замены для Haml в личный проект, и он не появляется для обработки данных HTML5 атрибуты, как изящно, как Haml. Я надеялся, что кто-то, возможно, также столкнется с этим, или, возможно, знал о опции/синтаксисе, который я еще не нашел в своих документах.Лучший способ обработки данных атрибутов Слим

HAML позволяет определить HTML 5 data attributes просто с помощью вложенных хэшей так:

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

в результате

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

источник

2013-09-22 mmoss

Есть несколько способов Слим

As Hash

Атрибуты, которые будут переноситься, если задан хеш (например, Данные = {а: 1, б: 2} будет оказывать в качестве данных-а = "1" данных б = "2")
Используйте его непосредственно в качестве "му является слишком коротким" упоминается, вполне интуитивно ,
```
a data-title="help" data-content="foo" 
```
Используйте код Ruby. Я часто делаю это и редко выше.
```
= link_to 'foo', bar_path, data: {a: 'a', b: 'b'} 
```

источник

2013-09-22 20:09:56

Отлично, ** # 3 ** именно то, что я искал. Я не видел ничего, что могло бы выпрыгнуть из документов, описывающих это, как это делали документы HAML. Благодаря! – mmoss

moss, # 3 не является ни Haml, ни Slim, но Rails helper :) –

Обратите внимание, что если вы делаете 'a href =" # "data = {имя_пользователя: 'fred', user_id: 1}' он переведет это на '' - это не связано с Rails, поскольку вы увидите, что он работает в приложениях Sinatra. –

Я предпочитаю этот вид исправить ...

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

Это работает для меня

источник

2016-06-20 06:36:44

Используйте пейнтбольный оператора:

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

источник

2017-07-17 10:19:58

Лучший способ обработки данных атрибутов Слим

ответ

Смежные вопросы