modo migliore per gestire i dati degli attributi in Slim

stavo valutando Slim come un sostituto per HAML in un progetto personale, e non sembra per gestire gli attributi dei dati HTML5 con la grazia di HAML. Speravo che qualcuno potesse essersi imbattuto in questo, o potrebbe aver saputo di un'opzione/sintassi che non ho ancora trovato nei loro documenti.modo migliore per gestire i dati degli attributi in Slim

HAML consente di definire HTML 5 data attributes semplicemente utilizzando gli hash annidate in questo modo:

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

conseguente

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

fonte

2013-09-22 mmoss

Ci sono diversi modi in Slim

As Hash

Attributi che verranno sillabati se viene assegnato un hash (ad es. data = {a: 1, b: 2} renderanno come dati-a = "1" data-b = "2")
utilizzare direttamente come "mu è troppo breve" menzionato, abbastanza intuitivo .
```
a data-title="help" data-content="foo" 
```
Utilizzare codice Ruby. Lo faccio spesso e raramente sopra.
```
= link_to 'foo', bar_path, data: {a: 'a', b: 'b'} 
```

fonte

2013-09-22 20:09:56

Impressionante, ** # 3 ** è esattamente quello che stavo cercando. Non ho visto nulla saltare ai documenti che lo descrivevano come i documenti HAML. Grazie! – mmoss

muschio, # 3 non è né Haml né Slim ma helper Rails :) –

Nota se si esegue 'a href =" # "data = {user_name: 'fred', user_id: 1}' lo tradurrà in '' - questo non ha nulla a che fare con Rails, come vedrete che funziona anche nelle app di Sinatra. –

preferisco questo tipo di fissare ...

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

Si sta lavorando per me

fonte

2016-06-20 06:36:44

Utilizzare il splat operatore:

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

fonte

2017-07-17 10:19:58

modo migliore per gestire i dati degli attributi in Slim

risposta

Problemi correlati