挑戦していること

Rails5とBootetrapでモーダルウィンドウを作るまで
 Rails5と BootstrapでAjax-modalform

を挑戦しています。

~~Railsのバージョンは5.0.6~~
Railsのバージョンは5.0.2に変えました。
Bootstrapのバージョンは、4です。
slimを用いていますが、js関連は、js.erbに拡張子を設定しています。
上記の資料は$ r g scaffold user name:stringから始まるシンプルな資料です。

困ってること

= form_for @user do |f|

から

= form_for (@user,remote:true) do |f|

に変更後、モーダルが表示されない様子をGifではお伝えしています。
ajaxでのUser#new,User#createを実装したいので、困っています。
ご教授頂ける方、いらっしゃったらよろしくお願いします。
下記にコードを掲載します。

コード

app/views/users/index.html.slim


= link_to 'New User', new_user_path, remote:true,class:"btn btn-lg btn-primary"

#user-modal.modal.fade tabindex="-1" role="dialog" aria-hidden="true"

new.js.erb

$("#user-modal").html("<%= escape_javascript(render 'form') %>")
$("#user-modal").modal("show")

app/views/users/_form.html.slim


.modal-dialog
  .modal-content
    = form_for (@user,remote: true) do |f| # remoteをつけるとモーダル動かない。
    / = form_for (@user) do |f|            # remoteをはずすとモーダル動く
      .field
        = f.label :name
        = f.text_field :name

app/controllers/users_controller.rb


def new
	@user = User.new
end

def create
	@user = User.new(user_params)

	respond_to do |format|
		if @user.save
			format.html { redirect_to @user, notice: 'User was successfully created.' }
			format.json { render :show, status: :created, location: @user }
			format.js { @status = "success"}　# 追加部分
		else
			format.html { render :new }
			format.json { render json: @user.errors, status: :unprocessable_entity }
			format.js { @status = "fail"}　　# 追加部分
		end
	end
end

些細な情報でも構いません、
ご教授いただける方よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー


Processing by UsersController#new as JS
  Rendering users/new.js.erb
  Rendered  users/_form.html.slim (2.5ms)
  Rendered users/new.js.erb (22.3ms)
Completed 500 Internal Server Error in 63ms (ActiveRecord: 0.0ms)



SyntaxError (/Users/【LOCALNAME】/Desktop/【APPNAME】/app/views/users/_form.html.slim:3: syntax error, unexpected tLABEL, expecting '='
ols1 = form_for (@user,remote: true)  do |f|;
                              ^
/Users/【LOCALNAME】/Desktop/【APPNAME】/app/views/users/_form.html.slim:21: syntax error, unexpected keyword_ensure, expecting end-of-input
          ensure
                ^):

app/views/users/_form.html.slim:3:  syntax error, unexpected tLABEL, expecting '='
app/views/users/_form.html.slim:21: syntax error, unexpected keyword_ensure, expecting end-of-input
app/views/users/new.js.erb:1:in `_app_views_users_new_js_erb___78546771343558110_70217197583220'
  Rendering  /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/diagnostics.text.erb
  Rendering  /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_source.text.erb
  Rendered   /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_source.text.erb (0.4ms)
  Rendering  /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_trace.text.erb
  Rendered   /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_trace.text.erb (0.9ms)
  Rendering  /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_request_and_response.text.erb
  Rendered   /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/_request_and_response.text.erb (0.6ms)
  Rendered   /Users/【LOCALNAME】/.anyenv/envs/rbenv/versions/2.4.0/lib/ruby/gems/2.4.0/gems/actionpack-5.0.6/lib/action_dispatch/middleware/templates/rescues/diagnostics.text.erb (115.0ms)

とでました。slimのシンタックスエラーだったようです。