用于集成非值属性的标记助手

Question

正在尝试生成：

<div data-dropdown-content class="f-dropdown content">

使用标签助手。但是似乎没有非值属性的语法

<%= tag(:div, :class => "f-dropdown content", data: {dropdown-content: ""},  :'aria-hidden' => true, :'tabindex' => "-1") %>

不同的变体都会导致错误。

Answer 1

试试这个：

<%= tag(:div, data: {dropdown_content: ""}, class: "f-dropdown content") %>

您的代码失败，因为 dropdown-content 在这里不是有效的键。 标签助手将数据中的 dropdown_content 转换为 dropdown-content。