[Rails]謎の空の値&Unpermitted parameter

Question

多対多の関係を作りたいですが、
createとupdateの時うまくいかないため、
質問をさせていただきました。

[app/controllers/admin/stylists_controller.rb]

 def new
    @stylist = Stylist.new
 end

  def create
    @stylist = Stylist.new(stylist_params)
    if @stylist.save
      redirect_to admin_stylists_path
    else
      render 'new'
    end
  end

  private
    def stylist_params
      params[:stylist].permit(:name, :furigana, :email, :tel, :area_ids => [])
    end

[app/views/admin/stylists/new.html.erb]

<div class="col-md-4 col-md-offset-4">
  <%= simple_form_for [:admin, @stylist] do |f| %>
    <div class="form-group">
      <%= f.input :name, label: '名前', input_html: { class: "form-control"}  %>
      <%= f.input :furigana, label: 'ふりがな', input_html: { class: "form-control"} %>
      <%= f.input :email,  label: 'メールアドレス', input_html: { class: "form-control"} %>
      <%= f.input :tel, label: '電話番号', input_html: { class: "form-control"} %>
      <%= f.input :areas, label: 'エリア', collection: Area.all, as: :check_boxes, input_html: { class: "checkbox" } %>
    </div>
    <div class="form-actions">
      <%= f.button :submit, '確定', disable_with: "Submiting...", class: "btn btn-primary" %>
    </div>
  <% end %>
</div>

[app/models/stylist.rb]

class Stylist < ActiveRecord::Base
  has_many :stylist_areas
  has_many :areas, :through => :stylist_areas
end

[app/models/area.rb]

class Area < ActiveRecord::Base
  has_many :stylist_areas
  has_many :stylists, through: :stylist_areas
end

[app/models/stylist_area.rb]

class StylistArea < ActiveRecord::Base
  belongs_to :stylist
  belongs_to :area
end

[db/seeds.rb]

["京都", "大阪", "神戸"].each do |area|
  Area.find_or_create_by!(name: area)
end

以上の設定でやってみたら、

  Parameters: {"utf8"=>"✓", "authenticity_token"=>"Oz2LCnpAvN9VbpE2N1Cce7se0Klxrl6d0hVBGc9lsO+i4mm0VzJ6mBQx2kQXdtiDlBCB6PsuymTZ/ysoiKWePA==", "stylist"=>{"name"=>"ヘアメイク1", "furigana"=>"へあめいく1", "email"=>"[e-mail]", "tel"=>"00-0001-0001", "areas"=>["1", "2", ""]}, "commit"=>"確定", "id"=>"2"}
  Admin Load (0.1ms)  SELECT  "admins".* FROM "admins" WHERE "admins"."id" = ?  ORDER BY "admins"."id" ASC LIMIT 1  [["id", 1]]
  Stylist Load (0.1ms)  SELECT  "stylists".* FROM "stylists" WHERE "stylists"."id" = ? LIMIT 1  [["id", 2]]
Unpermitted parameter: areas
   (0.0ms)  begin transaction
   (0.0ms)  commit transaction
Redirected to http://127.0.0.1:3000/admin/stylists
Completed 302 Found in 3ms (ActiveRecord: 0.2ms)

まずParameters{...}に
areas"=>["1", "2", ""]
謎の空の値が出てきました・・・

また
Unpermitted parameter: areas
と許可されていないparametersだと怒られました。

いろいろぐぐってみたら、strong parametersのとこで
:area_ids => []
と書けば直るとのことですが・・・

ご回答頂ければと思います！
どうぞよろしくお願いします。

Answer 1

チェックされない時に何も送られない、という事態を避けるために、Rails側が自動で空の値のhiddenを追加しています。

止めるには、

<%= f.input :areas, label: 'エリア', collection: Area.all, as: :check_boxes, input_html: { class: "checkbox" }, include_hidden: false %>

のように、include_hidden: falseを追加してください（Simple formのIssue）。

Comments

[yclin_tagaya]

ありがとうございます！！！
<%= f.association :areas, label: 'エリア', as: :check_boxes, input_html: { class: "checkbox" }, include_hidden: false %>

に変更したら無事に解決できました！！
本当にありがとうございました！！またよろしくお願いします！！！

Answer 2

[app/views/admin/stylists/new.html.erb]

<div class="col-md-4 col-md-offset-4">
  <%= simple_form_for [:admin, @stylist] do |f| %>
    <div class="form-group">
      <%= f.input :name, label: '名前', input_html: { class: "form-control"}  %>
      <%= f.input :furigana, label: 'ふりがな', input_html: { class: "form-control"} %>
      <%= f.input :email,  label: 'メールアドレス', input_html: { class: "form-control"} %>
      <%= f.input :tel, label: '電話番号', input_html: { class: "form-control"} %>
      <%= f.association :areas, label: 'エリア', as: :check_boxes, input_html: { class: "checkbox" } %>
    </div>
    <div class="form-actions">
      <%= f.button :submit, '確定', disable_with: "Submiting...", class: "btn btn-primary" %>
    </div>
  <% end %>
</div>

<%= f.input :areas, label: 'エリア', collection: Area.all, as: :check_boxes, input_html: { class: "checkbox" } %>
↓↓↓↓↓↓↓
<%= f.association :areas, label: 'エリア', as: :check_boxes, input_html: { class: "checkbox" } %>

に変更したら解決できました・・・