Rails5 Form_withで登録内容がモデルに保存されません。

Question

前提・実現したいこと

Ruby on rails(ver5.2.3)で勉強の為に簡単なブログのようなものを作っています。
Form_withで投稿機能を実装しましたが、モデルにデータが飛ばないこと、画面が遷移しないことで困っています。

発生している問題・エラーメッセージ

![
Create Articleを押すとArticleモデルにデータが保存され、ホーム画面に遷移する様にしたい。

該当のソースコード

new.html.haml

.container
  = form_with model: Article.new, local: true do |f|
    %form.col.s12
      .row
        .input-field.col.s6
          =f.text_field :title, class: "validate", id:"article_title"
          =f.label :title
    %form.col.s12
      .row
        .input-field.col.s12
          =f.text_area :text, class: "materialize-textarea", id:"textarea1"
          =f.label :text
    =f.label :image
    =f.file_field :image
    .row
      .row
      =f.submit

articles_controller

class ArticlesController < ApplicationController

  def index
  end

  def new
    @article = Article.new
  end
  def create
    Article.create(article_params)
    redirect_to article_url, notice: "投稿しました"
  end

  private
  def article_params
    params.require(:article).parmit(:title,:text,:image)
  end
end

Rails.application.routes.draw do
  devise_for :users
  resources :articles
  root 'articles#index'
end

試したこと

form_forで記載したところ画面の遷移はされているようでしたがモデルには保存されていませんでした。

<%= form_for(@article) do |f| %>
  <div>
    <div>
      <%= f.label :title %>
    </div>
    <%= f.text_field :title,id: :title%>
  </div>

  <div>
    <div>
      <%= f.label :image %>
    </div>
    <%= f.file_field :image, id: :image %>
  </div>
  <p><%= f.check_box :remove_image %>画像を削除する</p>

  <div>
    <div>
      <%= f.label :text %>
    </div>
    <%= f.text_area :text,id: :text,rows: 20,cols: 75 %>
  </div>

<div><%= f.submit "投稿" %></div>
<% end %>
</div>

補足情報（FW/ツールのバージョンなど）

Rails 5.2.3
materializeCSSを使っています。
導入しているgemは
'pry-rails'
'compass-rails'
'sprockets'
'devise'
'mini_magick'
'haml-rails'
です。

Answer 1

Hamlが誤っていました。

new.html.haml

.container
  = form_with model: Article.new, local: true do |f|
    %form.col.s12
      .row
        .input-field.col.s6
          =f.text_field :title, class: "validate", id:"article_title"
          =f.label :title
    %form.col.s12
      .row
        .input-field.col.s12
          =f.text_area :text, class: "materialize-textarea", id:"textarea1"
          =f.label :text
    =f.label :image
    =f.file_field :image
    .row
      .row
      =f.submit

フォームが二つあり、またsubmitがフォーム外となっている為ボタンを押しても反応しないことがわかりました。

.container
  = form_with model: Article.new, local: true do |f|
    %form.col.s12
      .row
        .input-field.col.s6
          =f.text_field :title, class: "validate", id:"article_title"
          =f.label :title
      .row
        .input-field.col.s12
          =f.text_area :text, class: "materialize-textarea", id:"textarea1"
          =f.label :text
      =f.label :image
      =f.file_field :image
      .row
        =f.submit

と書くことでフォームが一つにまとまり、submitもform内に収めることができました。