为什么 Rails Turbo 的 turbo_frame_tags 内容没有出现在网页中？

Question

我正在关注 Hotwire 的官方教程（https://hotwired.dev/#screencast），试图测试 Rails Turbo 的排序功能。但是我发现有些被turbo_frame_tag包裹的内容在页面中不会显示

这是在app\views\rooms\show

<%= turbo_frame_tag "new_messages" , src: new_room_message_path(@room), target: "_top" %>

有没有教学视频中没有提到的必要设置？

Answer 1

将 turbo-frame 与 src 属性一起使用会将 turbo-frame 的内部 html 替换为您指定的 URL 中的内容以及turbo-frame 具有匹配的 ID。因此，您可以使用它来显示将从 url.

加载的内容的加载 UI

<turbo-frame id="long-calculation" src="/long-calculation">
  <i class="fa fa-spinner fa-spin"> </i> # Will get replaced with the results from the `/long-calculation` page
</turbo-frame>

为什么 Rails Turbo 的 turbo_frame_tags 内容没有出现在网页中？

Why doesn't the turbo_frame_tags content of Rails Turbo appear in the webpage?

ruby-on-rails

turbolinks

turbo