将数据属性添加到没有值的苗条

Question

我有来自 https://foundation.zurb.com/sites/docs/v/5.5.3/components/topbar.html 的 html <nav class="top-bar" data-topbar role="navigation">。但我不确定这如何转换为苗条。

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

这会导致问题，因为 data-topbar 没有值。

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

这是有效的 slim，但它添加了我不想要的 =''。有什么办法可以在 slim 中添加这个没有值的属性吗？

Answer 1

如果这样写：

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)

当您inspect编码时，您会看到

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

但是当您复制 dom 或查看源代码时，您会得到这个（就像每个 boolean attributes）

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