Rails-bootstrap-forms的設計定制問題

Question

我正在使用rails-bootstrap-forms gem。 我以前的devise/registrations/new.html.erb代碼是

    <h2>Sign up</h2>

<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= devise_error_messages! %>

  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :password %>
    <% if @validatable %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
    <% end %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

  <div class="field">
    <%= f.label :password_confirmation %><br />
    <%= f.password_field :password_confirmation, autocomplete: "off" %>
  </div>

  <div class="actions">
    <%= f.submit "Sign up" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>

產生HTML

<h2>Sign up</h2>

<form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="9KUX1yFTJ2VKU7zcHVrxr9I9WabU4rHmzHLGL8g9UgY=" /></div>


  <div><label for="user_email">Email</label><br />
  <input autofocus="autofocus" id="user_email" name="user[email]" type="email" value="" /></div>

  <div><label for="user_password">Password</label> <i>(8 characters minimum)</i><br />
    <input autocomplete="off" id="user_password" name="user[password]" type="password" /></div>

  <div><label for="user_password_confirmation">Password confirmation</label><br />
    <input autocomplete="off" id="user_password_confirmation" name="user[password_confirmation]" type="password" /></div>

  <div><input name="commit" type="submit" value="Sign up" /></div>
</form>
  <a href="/users/sign_in">Log in</a><br />

但現在我已編輯此代碼以與gem rails-bootstrap-forms我的新代碼是

<div class="col-md-4">

</div>

  <div class="col-md-4">

        <h2>Sign up</h2>

        <%= bootstrap_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
          <%= devise_error_messages! %>


            <%= f.email_field :email, autofocus: true %>     



            <%= f.label :password do %>
            <% if @validatable %>
            <em>(<%= @minimum_password_length %> characters minimum)</em>
            <% end %>
           <% end %>
            <%= f.password_field :password, autocomplete: "off" %>


            <%= f.password_field :password_confirmation, autocomplete: "off" %>


          <div class="actions">
            <%= f.submit "Sign up" %>
          </div>
        <% end %>

        <%= render "devise/shared/links" %>

    </div> 

  <div class="col-md-4">
  </div>
</div>

HTML視圖是：-

<div class="row">

<div class="col-md-4">

</div>

  <div class="col-md-4">

        <h2>Sign up</h2>

        <form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post" role="form"><div style="display:none"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="opOcH7N0F5S+HQYAD/xqRaqoEOctuElUNBm8BsD/bTM=" /></div>



            <div class="form-group"><label class="control-label" for="user_email">Email</label><input autofocus="autofocus" class="form-control" id="user_email" name="user[email]" type="email" value="" /></div>     



            <label for="user_password">
            <em>(8 characters minimum)</em>
</label>            <div class="form-group"><label class="control-label" for="user_password">Password</label><input autocomplete="off" class="form-control" id="user_password" name="user[password]" type="password" /></div>


            <div class="form-group"><label class="control-label" for="user_password_confirmation">Password confirmation</label><input autocomplete="off" class="form-control" id="user_password_confirmation" name="user[password_confirmation]" type="password" /></div>


          <div class="actions">
            <input class="btn btn-default" name="commit" type="submit" value="Sign up" />
          </div>
</form>
          <a href="/users/sign_in">Log in</a><br />







    </div> 

  <div class="col-md-4">
</div>
</div>

我的問題是如何在label:密碼中包含行打印（最少x個字符）。 上面的行打印在標簽密碼的下一行中，我想用標簽密碼打印

我想要HTML輸出為

Password (8 characters minimum)

但是它的表現

 Password
 (8 characters minimum)

Answer 1

這是你的代碼

<%= f.label :password do %>
  <% if @validatable %>
    <em>(<%= @minimum_password_length %> characters minimum)</em>
  <% end %>
<% end %>

<%= f.password_field :password, autocomplete: "off" %>

f.password_field生成一個標簽標記和一個密碼字段，因此您的代碼將生成2個標簽標記和一個密碼字段。

用上面的代碼替換上面的代碼

<% label = @validatable ? "Password <em>(#{@minimum_password_length} characters minimum)</em>".html_safe : "Password" %>
<%= f.password_field :password, autocomplete: "off", label: label %>

這將生成一個標簽標簽和一個輸入字段作為您的原始代碼。

有關更多信息，請參見“標簽”部分 。