文章/答案/技术大牛

发布

社区首页 >问答首页 >Rails-UJS响应呈现原始html，而不是解释的haml。

问Rails-UJS响应呈现原始html，而不是解释的haml。
EN

Stack Overflow用户

提问于 2020-03-18 20:21:15

回答 1查看 394关注 0票数 0

使用Webpacker

Kaminari gem

haml

Rails-ujs

的

Rails 6.0.1.2

我正在为分页和rails-ujs实现一个无限滚动特性。

在初始页面视图中，部分加载良好。它显示结果(每个结果都是从名为“rooms_card.html.haml”的部分呈现的卡片。

将rooms_card部分在index.html.haml页面上呈现为集合。

= render partial: "rooms_card", collection: @rooms, as: :room, cached: true

但是，当我点击‘View’链接时，请求就会被发出，结果会被追加，但是它是原始的html，而不是解释的。

这是链接的代码。

= link_to_next_page @rooms, "View More", class: "view-more-link", remote: true}

从我的index.js.haml文件

document.getElementById("rooms-cards").append("#{j render(partial: "rooms/rooms_card", collection: @rooms, as: :room) }")

我对障碍的回应。rooms_controller.rb

    respond_to do |format|
      format.js
      format.html
      format.json { render json: @results, each_serializer: RoomSerializer }
    end

如何获得响应在浏览器中呈现而不是显示原始的html？

我一直盯着这一切我知道怎么做。对我错过了什么有什么想法吗？

谢谢!

戴夫

ruby-on-rails

ruby

haml

rails-ujs

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-23 07:01:11

如果将String (精确地说是DOMString)对象传递给append方法，它将作为Text节点插入。而是传递一个Node对象。

const wrapper = document.createElement('div');
wrapper.innerHTML = "#{j render(partial: 'rooms/rooms_card', collection: @rooms, as: :room)}"
document.getElementById("rooms-cards").append(wrapper);

如果不想创建额外的div，可以使用DocumentFragment。

const fragment = document.createDocumentFragment();
fragment.innerHTML = "#{j render(partial: 'rooms/rooms_card', collection: @rooms, as: :room)}"
document.getElementById("rooms-cards").append(fragment);

希望这能有所帮助。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60746963

复制

相似问题

问Rails-UJS响应呈现原始html，而不是解释的haml。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails-UJS响应呈现原始html，而不是解释的haml。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Rails-UJS响应呈现原始html，而不是解释的haml。
EN