flashに複数行を表示する方法について

環境

Rails5.2
Ubuntu20.4
Bootstrap5

はじめに

flashに複数行を改行付でセットし、BootstrapのAlertに、箇条書きで表示する方法について書いてみました。

解説

flashに表示する複数のメッセージを、msg変数にセットします。

test_controller.rb

msg = []
msg << "メッセージ１"
msg << "メッセージ２"
msg << "メッセージ３"

msg配列から１要素づつ取得して、notice変数に文字列としてセットします。文字列の最後に、HTMLの改行brをセットします。brはmsg配列の最後の要素にはセットしません。

test_controller.rb

msg.each_with_index do |val, idx|
    notice += "・ " + val
    notice += "<br>" unless (msg.length == idx + 1)
end
flash[:notice] = notice
redirect_to test_url

HTMLのbrを有効にするために、html_safeを付加します。html_safeをつけなければ、brが文字列として表示されることになります。

application.html.slim

- if flash.notice.present?
	.alert.alert-success = flash.notice.html_safe

表示のされ方