html - Hyperstack 将动态类添加到手动类名

标签 html css ruby-on-rails ruby hyperstack

我需要在更新 Hyperstack 的语法时向一些常规类添加动态类:

div.upload_header.text_left(class: ('uploaded' if 
FileUploads.complete?)) do

应该变成这样:

DIV(class: 'upload-header text-left (dynamic 'uploaded' should go 
here)') do

我似乎无法弄清楚如何/是否可以一起声明常规类和动态类。

最佳答案

可以有条件地进行字符串插值:

DIV(class: "upload-header text-left #{'uploaded' if FileUploads.complete?}")

类参数也可以接受数组:

def upload_header_classes
  ['upload-header', 'text-left'].tap do |classes|
    classes << 'uploaded' if FileUploads.complete?
  end
end

DIV(class: upload_header_classes)

我相信还有很多其他方法可以做到这一点,这就是 ruby​​!

关于html - Hyperstack 将动态类添加到手动类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55386110/

相关文章:

javascript - 使用 HTML 和 JavaScript,如何存储用户的选择并将这些值作为输入参数传递?

css - 将 CSS 样式添加到 React Native WebView

ruby-on-rails - ERROR : (gcloud. preview.app.deploy) 错误响应:[2] 构建失败;

mysql - Controller 中的 Rails where 或子句

php - 在 HTML 表中显示 MySQL 记录。什么失败了?

html - 如何使 perl 打印 HTML 而不是原始代码

html - 将 div 的高度设置为自动不会随内容调整

css - 带左对齐、居中对齐或右对齐元素的 Bootstrap NavBar

css - 在 Foundation 6 的 app.scss 文件中放置媒体查询不起作用

ruby-on-rails - Heroku - 不起作用 "rake"命令:PG::错误:错误:关系 "roles"不存在