我一直试图在这里寻找答案,但我找不到任何有用的东西.我已经实现了：成功和：我的rails应用程序的危险闪光通知.它完全正常工作,即：成功是绿色的：危险是红色的,有一个关闭按钮和所有,但是因为添加一些邮件文件我的：成功现在显示红色？
application.html.erb摘录：
<body>
<div class="container">
<% flash.each do |key,value| %>
<%= content_tag :div,class: "alert alert-#{key == 'notice ? 'success' : 'danger'}" do %>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<%= value %>
<% end %>
<% end %>
<%= yield %>
</div>
</body>
contact_mailer.rb
class ContactMailer < ActionMailer::Base
default to: 'justindavidson23@gmail.com'
def contact_email(name,phone,email,event_type,body)
@name = name
@phone = phone
@email = email
@event = event_type
@body = body
mail(from: email,subject: 'Contact Form Message').deliver
end
end
contacts_controller.rb
class ContactsController < ApplicationController
def new
@contact = Contact.new
end
def create
@contact = Contact.new(contact_params)
if @contact.save
name = params[:contact][:name]
phone = params[:contact][:phone]
email = params[:contact][:email]
event = params[:contact][:event_type]
body = params[:contact][:comments]
ContactMailer.contact_email(name,event,body).deliver
flash[:success] = 'Message Sent.'
redirect_to new_contact_path
else
flash[:danger] = 'Error occurred,messgage not sent.'
redirect_to new_contact_path
end
end
end
private
def contact_params
params.require(:contact).permit(:name,:phone,:email,:event_type,:comments)
end
和contact_email.html.erb
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<p>New Message from Hoot and Holla's Contact form,from <%= "#{@name},#{@email}" %></p>
<p><%= @phone %></p>
<p><%= @event %></p>
<p><%= @body %></p>
</body>
</html>
我再说一遍,在邮件进入之前,这一切都完全正常……但现在我只是感到困惑.请帮忙！
解决方法
有时候你会想要使用的不仅仅是通知和成功,比如
Bootstrap alerts信息,危险和警告.
这是我建议的解决方案：
<% flash.each do |key,value| %>
<div class="alert alert-<%= key %> alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<%= value %>
</div>
<% end %>
这样,当你调用flash [：success] =’foo’时,你的密钥就会成功,同样对于信息,警告,危险等等.这样你就可以利用所有不同的Bootstrap alerts.
使用此方法,如果要在重定向中使用语法通知：’hello world’或alert：’oops’,则必须添加2个扩展Bootstrap类的CSS类,如redirect_to root_url,注意： ‘欢迎回家’.
如果你想使用这些,那么你可以使用Sass,如下所示.
.alert-alert {
@extend .alert-danger;
}
.alert-notice {
@extend .alert-warning;
}
由于我之前关于邮件回调的评论更像是一个侧面说明而且与这个问题无关,所以我为你做了一个simple gist.