javascript - 在实现 toast 中设计通知/警报的简洁方法

Question

我在我的 Rails 应用程序中使用设计，作为标准，它带有 notice 和 alert 方法，这些方法在特定操作(例如用户登录)时呈现。

我也在使用 Materialize CSS框架，它们提供了一个非常干净的'Toast' style notification .这是使 notice 和 alert 与 Toast 一起工作的第一种方法。

<% if notice %>
  <script type="text/javascript">
    Materialize.toast('<%= notice %>', 4000)
  </script>
<% end %>
<% if alert %>
  <script type="text/javascript">
    Materialize.toast('<%= alert %>', 4000)
  </script>
<% end %>

谁能提供更清洁/更干燥的解决方案？感觉有点hacky。

Answer 1

这可能不是“hackyest”的方式，但还是有点干:

<% flash.each do |message_type, message| %>
    <%= javascript_tag "Materialize.toast('#{message}', 4000)" %>
<% end %>