如何解决更漂亮的ERB有条件地添加元素类
我正在尝试学习如何编写更漂亮的ERB。我该如何格式化使其看起来更漂亮?
<% site.data.navigation.each { |item| %>
<a href="<%= item.link %>"
<% if page.url == item.link %>class="current"<% end %>>
<%= item.name %>
</a>
<% } %>
尤其是class="current"
周围的包装似乎很模糊。我正在寻找不包含一些辅助方法的最佳方法。有清洁的东西吗?
解决方法
我通过ERB做了很多CSS修改。我喜欢做类似的事情:
<% site.data.navigation.each { |item| %>
<a href="<%= item.link %>"
class="<%= (page.url == item.link) ? 'current','')%>" >
<%= item.name %>
</a>
<% } %>
虽然我尝试不允许行超出编辑器屏幕的边缘,但是对于HTML,我并没有那么强行实施,因为我希望将标记视为一行:
<% site.data.navigation.each do |item| %>
<a href="<%= item.link %>" class="<%= (page.url == item.link) ? 'current','')%>" >
<%= item.name %>
</a>
<% end %>
对我来说,它显示了外部循环,然后是标签,然后是标签的内容,最后是结束标签。另外,我不将{}用于多行循环。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。