Najlepszy sposób obsłużyć danych atrybutów Slim

Question

byłem oceny Slim jako zamiennik haml w osobistym projektem, a nie wydaje się, aby obsłużyć dane HTML5 atrybuty jak wdzięcznie jak haml. Miałem nadzieję, że ktoś może również do tego doszło, lub może wiedział o opcji/składni, których jeszcze nie znalazłem w swoich dokumentach.

haml pozwala zdefiniować HTML 5 data attributes po prostu za pomocą zagnieżdżonych skrótów tak:

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

powodując

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

Answer 1

Istnieje wiele sposobów, w Slim

1. Jako Hash

   Atrybuty, które będą dzielone, jeśli zostanie podany skrót (np. Dane = {A 1, B: 2} spowoduje, jak dane-A = "1" danych b = "2")

2. używać bezpośrednio jako "p, jest zbyt krótki" wspomniano, bardzo intuicyjny .

   a data-title="help" data-content="foo" 
   

3. Użyj kodu Ruby. Często to robię i rzadko powyżej.

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

Answer 2

wolę ten rodzaj naprawić ...

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

To działa na mnie

Answer 3

Użyj ikona operatora:

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