前提・実現したいこと
railsでwebアプリを開発しており、navはBootstrapで記載しています。
今回マイページ内のタブを選択すると、そのタブのカテゴリに紐づくデータ非同期で表示したいと思っていますが、ソースコードの書き方がわかりません。
※非同期通信については簡単なサンプルソースを実行して見た程度です。
以下、不明点です。
・class:nav-tabs内にはtab-contentへのリンクを記載しており、railsでactionの<%= link_to 'カテゴリA', user_path(@user.name)%>などをどこに記載するのか。
・tab-content内に<%= render%>を記載するのか。
rails初心者で色々調べても不明なため、このような質問の仕方になってしまい申し訳ありませんが、ご教授いただけたらと思います。
現在記載しているソースは以下に記載します。
該当のソースコード
<div class="nav nav-tabs" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a> <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</a> <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</a> </div> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"><%= render 'sample', samples: @samples %></div> <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab"><%= render 'sample', samples: @samples %></div> <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab"><%= render 'sample', samples: @samples %></div> </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/07/26 13:53