Meilleure façon de traiter les attributs de données en Slim
J'étais chargé d'évaluer Slim comme un remplacement pour HAML dans un projet personnel, et il ne semble pas gérer le format HTML5 attributs de données gracieusement comme HAML. J'espérais que quelqu'un peut avoir également exécuter dans cette, ou peut-être l'existence d'une option/syntaxe, je n'ai pas encore trouvé dans leurs docs.
HAML vous permet de définir HTML 5 attributs de données simplement en utilisant des hachages de la sorte:
%a{data: {key1: 'val', key2: 'val'}}
résultant dans
<a data-key1='val' data-key2='val'></a>
Vous devez vous connecter pour publier un commentaire.
Il y a de multiples façons Slim
Comme Hachage
L'utiliser directement comme "mu est trop court" mentionné, tout à fait intuitive.
Utilisation du code Ruby. Je le fais souvent et rarement au-dessus.
a href="#" data={user_name: 'fred', user_id: 1}
il sera de traduire de ce<a href="#" data-user-name="fred" data-user-id="1"></a>
- ce n'est rien à voir avec les Rails comme vous pourrez le constater dans Sinatra apps..container, data: { url: "link", value: "stuff" }
au Lieu de cela, vous devez utiliser #2, comme.container[ data-url="link data-value="stuff" ]
data: {user_id: 1}
est converti àdata-user_id="1"
)Utiliser le splat opérateur:
Je préfère ce genre de fix...
C'est de travailler pour moi