HAML将我的代码转换为错误的HTML

Question

我正在编写HAML代码：

.col-xs-4.form-control= text_field_tag :q

但这转换为：

<div class="col-xs-4 form-control">
    <input type="text" name="q" id="q">
</div>

如何编写将其转换为的HAML：

<input type="email" class="form-control" id="q" placeholder="Email">

我找不到任何好的文件。

Answer 1

你要求的实际上是这样的：

.col-xs-4.form-control
  = text_field_tag :q

最终将text_field_tag HTML嵌套在您已隐式声明的其他<div>内。

像text_field_tag这样的Rails视图帮助程序并不知道它们被调用的是什么DOM上下文，所以如果你想要添加类，你必须将它们作为显式参数传递：

= text_field_tag(:q, nil, class: 'col-xs-4 form-control')