使用HAML模板的Rails视图:默认情况下隐藏复选框和标签

Question

我正在开发Rails View，它使用HAML作为模板，特别是我试图将一些记录显示到一个表中，代码如下：

%table.dataTable.miw430p.mw600p#program_types
%tbody
- JSON.parse(@student.subjects.to_json).each do |subject|
%tr{:data=>{:position => program_type["index"], :id => subject["id"]}, class: cycle("odd", "even")}
%td
%span(data-display-not-editing)= subject["name"]
%input.form-styled(type='text' name='name' data-display-not-editing class="hidden" required)
%label.ml5
%input(type='checkbox' name='status' class="hidden") 
= "#{t('school.admin.current_status')}"
%td.right
%span.glyphicon.glyphicon-pencil.clickable.ml5(data-display-not-editing data-edit class="clickable")
%span.glyphicon.glyphicon-trash.clickable.ml5.mr5(data-display-not-editing class="clickable")
%button.btn(type='button' data-display-not-editing class="hidden" data-button-save)= t('school.save')
%button.btn(type='button' data-display-not-editing class="hidden" data-button-cancel)= t('school.cancel')            

默认情况下，我隐藏了一个文本框和一个标签，如果用户点击数据编辑，它们就会显示出来，这就是我所说的具体行：

%input.form-styled(type='text' name='name' data-display-not-editing class="hidden" required)
%label.ml5
%input(type='checkbox' name='status' class="hidden") 
= "#{t('school.admin.current_status')}"

复选框是隐藏的，但元素school.admin.current_status is visible，我的问题是：如何像复选框一样默认隐藏元素school.admin.current_status？

非常感谢

Answer 1

将class: 'hidden'放在上一级

%input.form-styled(type='text' name='name' data-display-not-editing class='hidden' required)
%label.ml5{class='hidden'}
%input(type='checkbox' name='status')  
= t('school.admin.current_status')

或者将翻译放在隐藏的div 中

%input.form-styled(type='text' name='name' data-display-not-editing class='hidden' required)
%label.ml5
%input(type='checkbox' name='status' class='hidden')  
.hidden= t('school.admin.current_status')