p.m*_*los -1 haml ruby-on-rails erb
有谁知道如何在纯HAML中写下以下内容?请注意,我想显示两个完全相邻的选择框,旁边是一个按钮,中间没有任何空格:
<%= f.select :state, State.all.order(:name).map {|s| [s.name, s.id]} -%>
<%= f.select :subject, Subject.all.order(:name).map {|s| [s.name, s.id]} -%>
<%= f.button "Search", class: "input-lg" -%>
Run Code Online (Sandbox Code Playgroud)
编辑包含在以下内容中:
= form_for @tutors_search_form, url: "/tutors/search", method: :get do |f|
.container
.row.text-center
:erb
<%= f.text_field :subject, class: "input-lg input-no-border-radius", placeholder: "What Subject do you want to learn?", required: true, id: 'home-page-search-bar-subject-input' -%>
<%= f.text_field :state, class: "input-lg input-no-border-radius", placeholder: "Which State are you in?", required: true, id: 'home-page-search-bar-state-input' -%>
<%= f.button "Search", class: "btn btn-primary-wouaou btn-lg btn-no-border-radius", id: 'home-page-search-bar-form-button-submit' -%>
Run Code Online (Sandbox Code Playgroud)
如您所见,我必须:erb
在HAML
文件中使用.否则,我无法生成输入标签和中间没有空白的按钮.
我相信它应该是:
<= f.select :state, State.all.order(:name).map {|s| [s.name, s.id]}
<= f.select :subject, Subject.all.order(:name).map {|s| [s.name, s.id]}
<= f.button "Search", class: "input-lg"
Run Code Online (Sandbox Code Playgroud)
HAML文档:
>
并<
让您更好地控制标签附近的空白.>
将删除标记周围的所有空格,同时<
删除标记内的所有空格.你可以把它们想象成鳄鱼吃空白:>
面对标签,吃掉外面的空白,然后<
面对标签,吃掉里面的空白.它们放在标签定义的末尾,在类,id和属性声明之后但是在/
或之前=
.
归档时间: |
|
查看次数: |
260 次 |
最近记录: |