HTML 自動更新機能 実装

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。

HTMLにて画像投稿サイトを作成中で、現在、
自動更新機能を実装中です。

messagesテーブルのidを、HTMLの中に埋め込み、
そのメッセージのidをカスタムデータ属性として追加したいのですが
記述方法に つまづいております。

ブラウザの検証ツールを使用して、HTMLタグの中に
「data-messege-id=" "」のように属性が追加されていることを
確認がしたいです。

■■な機能を実装中に以下のエラーメッセージが発生しました。

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

該当のソースコード

-tweet.html.erb
<div class="content_post" style="background-image: url(<%= tweet.image %>);">
  <div class="more">
    <span><%= image_tag 'arrow_top.png' %></span>
    <ul class="more_list">
      <li>
        <%= link_to 'detail', tweet_path(tweet.id), method: :get %>
      </li>
      <% if user_signed_in? && current_user.id == tweet.user_id %>
        <li>
          <%= link_to 'edit', edit_tweet_path(tweet.id), method: :get %>
        </li>
        <li>
          <%= link_to 'delete', tweet_path(tweet.id), method: :delete %>
        </li>
      <% end %>
    </ul>
  </div>
  <p><%= tweet.text %></p>
  <span class="name">
    <a href="/users/<%= tweet.user.id %>">
      <span>post by</span><%= tweet.user.nickname %>
    </a>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    <a class="twitter-share-button"
      href="https://twitter.com/intent/tweet?hashtags=FORMS,fashion,facemask">
          Tweet</a>
  </span>
</div>
<div class="content_sns">

試したこと

試しに、

<p class="first-message" data-messege-id=120> を上記2行目に入れ、ブラウザの検証ツールで表示できていることを 確認しました。

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

HAMLの場合では、_message.html.haml　というファイルに
.MessageBox{data: {message: {id: message.id}}}
と、記述するとカスタムデータ属性をつけられるようです。

Answer 1

<p class="first-message" data-messege-id=<%= message.id %>>

Comments

[yasucamp80]

ご回答ありがとうございました！
結果、解決しました！

入力後にNameError in Tweets#indexのエラーで出てしまい、
index.html.erbファイルを確認しました。

<% @tweets.each do |tweet| %>
<%= render partial: "tweet", locals: { tweet: tweet } %>
となっており、messageではなく、tweetではないかと仮定。

<p class="first-message" data-tweet-id=<%= tweet.id %>>にて
試しましたら、ちゃんとidも取得できました！