データ属性を値なしでスリムに追加

Question

https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.htmlから<nav class="top-bar" data-topbar role="navigation">があります。しかし、私はどのようにこれがスリムに変換するか分からない。

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

データ-topbarに値がないので、これは問題が発生します。

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

これはスリム有効ですが、それは私が望んでいない=「」を追加します。スリムに値のないこの属性を追加する方法はありますか？

Answer 1

あなたはこのように記述する場合：あなたはinspectコードあなたが

が表示されます場合は

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

：あなたはこのように記述する場合

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

：

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

あなたがこれを取得します

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

しかし、あなたは、DOMまたはビューのソースコードをコピーするときには、（すべてのboolean attributesのように）、このいずれかを取得します

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