2017-10-06 5 views
0

J'ai le code <nav class="top-bar" data-topbar role="navigation"> de https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html. Mais je ne suis pas sûr de savoir comment cela se transforme en mince.Ajout d'attribut de données à slim sans valeur

nav class="top-bar" role="navigation" data-topbar

Cela provoque des problèmes parce-topbar de données n'a pas de valeur.

nav class="top-bar" role="navigation" data-topbar=''

Ceci est valable mince, mais il ajoute les = « » que je ne veux pas. Est-il possible d'ajouter cet attribut sans valeur dans slim?

+0

Je suis non sûr pourquoi vous avez besoin attribut de données si vous n'avez pas besoin d'une valeur. – Nithin

Répondre

1

Si vous écrivez comme ceci:

nav class="top-bar" role="navigation" data-topbar 

Vous obtiendrez ceci:

<nav class="top-bar" role="navigation">data-topbar</nav> 

Si vous écrivez comme ceci:

nav(class="top-bar" role="navigation" data-topbar) 

Lorsque vous codez inspect vous verrez

<nav class="top-bar" data-topbar role="navigation"></nav> 

Mais lorsque vous copiez le code source de dom ou vue que vous obtiendrez celui-ci (comme tous les boolean attributes)

<nav class="top-bar" data-topbar="" role="navigation"></nav>