设置data- *属性

时间:2013-03-26 18:31:27

标签: ruby-on-rails html5 slim-lang

我有一种情况需要在div上设置“data- *”的值。我实际使用的代码就是这个:

  = tag('div', { class: 'agile-carousel',\
                 data: { carousel_list: url_for(format: :json) } }, true)
  = "</div>".html_safe

哪个太可怕了。 rails也以<div />方式关闭div,chrome和其他浏览器肯定不喜欢(创建一些灾难)。

所以我的解决方案就是那个。我想问一下是否有另一种方法可以做到这一点。

更新1:

我有小问题,这段代码:

span class==I18n.locale == locale_used ? "inactive" : nil
  = link_to(I18n.t('locale_name', locale: locale_used),\
            url_for(locale: locale_used))

如果我删除link_to就行了。请注意,如果我插入| text之类的内容,则会返回错误:syntax error, unexpected keyword_ensure, expecting $end

1 个答案:

答案 0 :(得分:6)

您可以使用content_tag代替tag来生成<div></div>而不是<div>,但您不应该这样做。

您正在使用Slim,因此使用Slim

.agile-carouesel data-carousel_list=url_for(format: :json)

输出:

<div class="agile-carouesel" data-carousel_list="some URL"></div>

Slim和HAML的重点在于你有这种非常简洁的语法来编写标签。您应该使用它,而不是在不需要时使用Rails的标记帮助程序。通过使用它们,您将重新引入它们应该删除的所有标点符号杂乱。