fields_forで取得した子モデルのデータを表示できない

Question

実現したいこと

一覧画面で子モデルのデータを表示させたい。

前提

投稿（postモデル）画面の中に 原産国（countryモデル）を子モデルとして、
紐づけをしており、作成画面ではエラーはなく保存まで完了しておりますが、
一覧画面で子モデル（country）のnameカラムを表示しようとしたところ、
下記のようなエラーになり、中々解決できずにいます。

なお、エラーメッセージにあるように post.county_ids にすると、
一覧画面に表示されるのですが、idが表示されるだけで意図した内容ではありませんでした。

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

エラーメッセージ
undefined method `country' for #<Post id: 19, title: "これはテストです", body: "これはテストです", image: nil, price: 6000, whiskey_brand: "これはテストです", user_id: 2, created_at: "2023-02-14 14:21:09.691533000 +0900", updated_at: "2023-02-14 14:21:09.691533000 +0900">
Did you mean?  country_ids

該当のソースコード

<div class="col-sm-12 col-lg-4 mb-3">
  <div id="post-id-<%= post.id %>">
    <div class="card">
      <%= image_tag 'post_placeholder.png', class: 'card-img-top', size: '300x200' %>
      <div class="card-body">
        <h4 class="card-title">
          <a href="#">
            <%= post.country.name %>　⇦⇦エラー箇所
          </a>
        </h4>
        <div class='mr10 float-right'>
          <a href="#"><%= icon 'fas', 'trash', class: 'pr-1' %></a>
          <a href="#"><%= icon 'fa', 'pen' %></a>
        </div>
        <ul class="list-inline">
          <li class="list-inline-item">
            <%= icon 'far', 'user' %>
            <!-- post.user.nameでユーザーネームを定義する-->
            <%= post.user.name %>
          </li>
          <li class="list-inline-item">
            <%= icon 'far', 'calendar' %>
            <%= l post.created_at, format: :long %>
          </li>
        </ul>
        <p class="card-text"><%= post.body %></p>
      </div>
    </div>
  </div>
</div>

class Post < ApplicationRecord
  belongs_to :user
  
  validates :title, presence: true, length: { maximum: 255 }
  validates :body, presence: true, length: { maximum: 65_535 }
  validates :whiskey_brand, presence: true, length: { maximum: 255 }
  validates :countries, presence: true

  #post(投稿)は「原産国」と1対多の関係
  has_many :countries, dependent: :destroy
  accepts_nested_attributes_for :countries, allow_destroy: true
end

class Country < ApplicationRecord
  belongs_to :post, optional: true

  validates :name, presence: true
end

class PostsController < ApplicationController
  def index
    @posts = Post.all.includes(:user).order(created_at: :desc)
  end

  def new
    @post = Post.new
    @post.countries.build
  end

  def create
    @post = current_user.posts.build(post_params)
    if @post.save
      redirect_to posts_path, success: t('posts.create.success')
    else
      flash.now['danger'] = t('posts.create.fail')
      render :new
    end
  end

  def show
    @post = Post.find(params[:id])
  end

  private

  def post_params
    params.require(:post).permit(:title, :body, :image, :price, :whiskey_brand, countries_attributes: [:id, :name, :_destroy])
  end
end

<%= form_with model: post, local: true do |f| %>
  <div class="form-group">
    <%= f.label :title %>
    <%= f.text_field :title, class: 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.label :body %>
    <%= f.text_area :body, class: 'form-control', rows: 10 %>
  </div>
  <div class="form-group">
    <%= f.label :price %>
    <%= f.text_field :price, class: 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.label :whiskey_brand %>
    <%= f.text_field :whiskey_brand, class: 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.fields_for :countries, post.countries.build do |country| %>
      <%= country.label :name %>
      <%= country.text_field :name, class: 'form-control' %>
    <% end %>
  </div>
  <%= f.submit class: 'btn btn-primary' %>
<% end %>

create_table "countries", force: :cascade do |t|
    t.string "name", null: false
    t.integer "post_id", null: false
    t.datetime "created_at", precision: 6, null: false
    t.datetime "updated_at", precision: 6, null: false
    t.index ["post_id"], name: "index_countries_on_post_id"
  end

試したこと

https://qiita.com/shinichiro81/items/4edb8af4a64991897d5a
https://docs.koheitakahashi.com/entry/2022/05/23/195605
https://qiita.com/nozonozo/items/e22ea1dab47a7189c93f
https://qiita.com/nakasato_minami/items/5015319292c9f8a93f34

fields_forの導入は上記の記事を参考にしました。

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

ここにより詳細な情報を記載してください。

Comments

[yuma.inaura]

has_manyなのでpost.countries じゃないでしょうか

[saki]

コメントありがとうございます。

<%= post.countries %>

にすると「原産国」が表示されるのではなく、下記のような表示になってしまいます。
[](https://gyazo.com/fcbb5fee5ee2ad9e34f5a309b04e3ee1)

[yuma.inaura]

eachしないと

[saki]

只今、each文にて作成しましたが、先ほどの写真と同じくidが出てしまいます。
下記に変更したのですが、間違いはありますでしょうか？

[ _post.html.erb ]
<h4 class="card-title">
<a href="#">
<% post.countries.each do |country| %>
<%= post.countries %>
<% end %>
</a>
</h4>

Answer 1

こちら自己解決しました。
下記のように<%= country.name %>とすることで表示させることができました。

[ _post.html.erb ]

<h4 class="card-title"> <a href="#"> <% post.countries.each do |country| %> <%= country.name %> <% end %> </a> </h4>