Toastr 消息渲染问题答案

【问题标题】：Toastr message rendering issueToastr 消息渲染问题
【发布时间】：2015-11-20 15:09:58
【问题描述】：

我很难让 Toastr 在我的应用程序中工作。

现在我编写了以下代码，以便在用户未在表单字段中输入正确信息时出现 Toastr 错误消息。

<% unless resource.errors.empty? %>
    <script type="text/javascript">
        <% resource.errors.full_messages.each do |msg| %>
            toastr.error('<%= msg %>')
        <% end %>
    </script>
<% end %>

我也有这段代码，用于显示 Flash 消息，但是当我尝试登录和退出时，它们没有出现

<% unless flash.empty? %>
    <script type="text/javascript">
        <% flash.each do |f| %>
            <% type = f[0].to_s.gsub('alert','error').gsub('notice','info') %>
            toastr['<%= type %>']('<%= f[1] %>')
        <% end %>
    </script>
<% end %>

我在必要的视图中渲染代码，并且安装了 toastr gem。

任何帮助将不胜感激！

【问题讨论】：

标签： ruby-on-rails gem toastr

【解决方案1】：

我也遇到过类似的情况，除了toastr 之外的所有设置都正确。一旦更改 JavaScript 标记位置，它就可以正常工作了。

通常我会在 </body> 标记之前添加 JavaScript 包含标记，这对性能是可取的。 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

在这种情况下，toaster 在 JS 标记在带有 css 标记的 head 标记内移动时起作用。

希望它对你有用。

【讨论】：