View画面へのデータの受け渡しが上手く出来なくて、困っています。

Question

前提・実現したいこと

viwe画面へのデータの受け渡しをしたい

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

一つのカードに全てのデータが引き渡しされてしまう。

該当のソースコード

このViwe画面に投稿機能を実装したいです。

    <div class="col-4 mb-4">
      <div class="card img-thumbnail">
        <img class="card-img-top" src="#" alt="">
        <div class="card-body px-2 py-3">
          <% @posts.each do |post| %>
          <h5 class="card-title">
            <%= post.title %>
          </h5>
          <p class="card-text"><%= post.content%></p>
          <% end %>
          <p class="mb-0"><a href="#" class="btn btn-success btn-sm">のぞいてみる</a> 
        </div>
      </div>
    </div>

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

カード1枚につき、Titleとcontentを一つずつ表示したいのですが、
一つのカードに保存されている全てのデータが表示されてしまいます。

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

最近、学び始めたばかりなんですが、データの受け渡し方がこの方法くらいしか分からなくて、、、
そのほか、 View画面へのデータの受け渡し方を教えて頂けると幸いでございます。

Comments

[no1knows]

ここは仕事の依頼をする場所ではなく、プログラミングに関する問題解決をサポートする場所です。
https://teratail.com/tour
何を試して、どうだめだったのか、どのようなエラーが出たのかを記載いただければ適切な回答が付きやすいかと思います。

Answer 1

データの構造がわからないのであっているかはわかりませんが、
posts.eachをしているところがcardの中なので、
cardの中身がたくさんある構造になっています。

card自体を増やす必要があるのなら、
cardの上でposts.eachしてあげる必要があると思います。

Comments

[fillip09]

すごく分かりやすいご説明ありがとうございます！
解決いたしました！

構造の捉え方が間違っていました！

[oec]

解決できたようでなによりです。
現象の原因がわからなくてうまく説明できないこともたくさんありますが、出来た時は快感ですよね。
めげずに頑張ってください！応援しています

[fillip09]

ありがとうございます！