如何在js资产文件中使用ruby？ （未定义的方法“ body”）

Question

我正在学习本教程 ，但遇到一个问题，即在ActionCable文件中使用ruby会导致undefined method 'body'错误。 如何在此文件中使用ruby？ 我希望通过Action Cable提交的数据在添加时正确格式化，而我无法使用普通js做到这一点。 这是我的app/assets/js/channels/messages.js.erb文件：

App.messages = App.cable.subscriptions.create('MessagesChannel', {
 received: function(data) {
  $("#response").val("");
  $('#messages').append(this.render_message(data));
  $("#conversation-main").scrollTop($("#conversation-main")[0].scrollHeight);
 },

 render_message: function(data) {
  return "<div class='message'><div><strong>" + data.user + ":</strong> <%= simple_format(@message.body) %></div><div class='date'><%= readable_datetime(@message.created_at) %></div></div>"
 }
});

由于该变量是js，因此我无法执行simple_format(data.body) 。 这是我的消息控制器中的#create动作：

def create
    @message = @conversation.messages.new(message_params)
    @message.user = current_user

    respond_to do |format|
        if @message.save
            ActionCable.server.broadcast 'messages',
                body: @message.body,
                user: @message.user.username,
                time: @message.created_at
            head :ok
        end
    end
end

我在动作中定义了@message ，它应该传递到js.erb文件中。 但事实并非如此。 为什么？

Answer 1

您的messages.js.erb位于assets文件夹中，并且ERB在资产编译时仅运行一次。

更容易的是仍在红宝石控制器环境中进行广播之前进行格式化：

ActionCable.server.broadcast 'messages',
            body: helpers.simple_format(@message.body),
            user: @message.user.username,
            time: @message.created_at

Answer 2

当您要在任何.erb文件中运行Ruby代码时，必须在Ruby文本周围使用<% ... %>或<%= ... %>表示法。 的=在<%= ... %>是用于输出的代码。

https://guides.rubyonrails.org/layouts_and_rendering.html

Answer 3

如果要在此处显示data ，则必须是在控制器中分配的实例变量（如@data ，以便在呈现视图时显示。

在这里，您可以使用以下方法在“ Ruby模式”下进行任何操作：

render_message: function(data) {
  return "<div class='message'><div><strong><%= @data.user %>:</strong> <%= simple_format(@data.body) %></div><div class='date'><%= readable_datetime(@data.time) %></div></div>"
}

或类似的东西。

请记住， 在将内容转发给客户端进行处理之前 ，一次且仅应用了一次ERB替换。 呈现输出后，无法运行Ruby。