ruby-on-rails-3 - Haml Bootstrap 搜索表单

Question

我的导航栏代码如下所示:

%header.navbar.navbar-fixed-top
  %div.navbar-inner
    %div.container
      %nav
        %ul.nav.pull-right
          - if user_signed_in?
            %li= link_to "Sign out", '#'
          - else
            %li= link_to "Sign in", '#'

我试图让我的导航栏看起来像 Bootstrap 导航栏页面中的那样 here ，但是我不知道如何翻译

<form class="navbar-search pull-left">
  <input type="text" class="search-query" placeholder="Search">
</form>

进入哈姆尔。我的最后一次尝试如下:

%header.navbar.navbar-fixed-top
  %div.navbar-inner
    %div.container
      %nav
        %ul.nav.pull-right
         %form.navbar-search
           %input.search-query
             - { :type => "text", :placeholder => "Search" }
         - if user_signed_in?
            %li= link_to "Sign out", '#'
          - else
            %li= link_to "Sign in", '#'

虽然搜索栏显示正确的 CSS 类，但 :type => "text" 和 :placeholder => "Search" 部分在我的中不存在当我检查它时，它会显示为 html。我怎样才能解决这个问题？谢谢!

==编辑==

也许为了让这一点更清楚 - 我在 Rails 3 应用程序中使用它，我意识到我可能应该使用 form_tag，但我不确定如何继续。

Answer 1

它应该像这样工作:

%header.navbar.navbar-fixed-top
  %nav.navbar-inner
    .container
      %ul.nav
        - if user_signed_in?
          %li= link_to "Sign out", '#'
        - else
          %li= link_to "Sign in", '#'
      = form_tag some_path, :class => "navbar-search pull-left", :method => :get do
        = text_field_tag :name, nil, :class => "search-query span3", :placeholder => "Search"

小心缩进。

我还建议您尝试从 Rails 应用程序模板和教程开始:http://railsapps.github.com/ 。对于初学者来说，这将是一个很好的示例，说明如何设置、如何设置以及它应该是什么样子。