HAML中没有值的HTML 5数据属性[重复]答案

【问题标题】：HTML 5 Data attributes without value in HAML [duplicate]HAML中没有值的HTML 5数据属性[重复]
【发布时间】：2013-07-28 16:24:19
【问题描述】：

当我的 HTML 5 数据属性没有值时，我如何在 HAML 中执行此操作

<p class="title" data-section-title><a href="#mypanel">Panel</a></p>

我已经这样做了，但是 HAML 引发了一个错误

%p{ class: "title", data: { section: {:title}}}= link_to "Panel", "#mypanel"

谢谢

【问题讨论】：

空白字符串怎么样？ data: { section: { title: "" } }。 data-section-title 与 data-section-title="" 真的不同吗？
规范似乎没有说明以布尔方式使用自定义数据属性。我相信那将是无效的。在纯 HTML 方式中，数据集包含这样一个属性的什么值？你可以试试 {:title => nil} 或 {:title => true}。
@KyleTruscott 我还没试过。实际上，我从我的设计师那里得到了一个基于 Zurb Foundation 的 HTML 模板，该模板具有 HTML 5 数据属性。该模板运行良好。我想将我的模板转换为 HAML。恐怕你的把戏会导致错误。我认为它与 data-section-title="" 不同
@Nate yap，我在 HAML 的参考页面中没有找到任何线索
是的，根据@BenjaminSinclaaire 引用的那个问题，您也许可以使用{ title: true }

标签： ruby-on-rails ruby ruby-on-rails-3.2 haml

【解决方案1】：

我刚刚为我正在进行的一个项目写完这篇文章。我在基础文档中找不到它。

.large-12.columns
.section-container.auto{:data => {'section' => true}} 
    %section
        %p.title{:data => {'section-title' => true}} 
            %a{:href=>"#panel1" } Section 1
        .content{:data => {'section-content' => true}}  
            %p Content of section 1
    %section
        %p.title{:data => {'section-title' => true}}
            %a{:href=>"#panel2" } Section 2
        .content{:data => {'section-content' => true}}  
            %p Content of section 2

【讨论】：

这样读起来更方便：%tag{'data-foo-bar' => true}
给定的答案有效，但它会产生一个带有值的 HTML 属性。如果你希望属性只在 HTML 上输出，没有值，你可以使用 HAML 的 HTML 样式的属性语法（here the reference）：%p(data-section-title){ class: "title" }= link_to "Panel", "#mypanel"