如何使用link_to创建带Font Awesome左箭头、可传参的返回首页按钮？

看起来你已经有了基础的link_to代码，只需要调整几个细节就能实现需求——创建返回首页的按钮，通过传递参数展示不同数据，同时用Font Awesome左箭头作为按钮文本。我给你梳理正确的写法和细节：

核心代码实现 #

简洁版（纯图标按钮） #

<%= link_to movies_path(dates: your_date_variable), id: "dates", class: "fa fa-caret-left" do %>
<% end %>

带按钮样式的版本（适配Bootstrap等框架） #

<%= link_to movies_path(dates: @selected_date), id: "dates", class: "btn btn-outline-secondary fa fa-caret-left" do %>
<% end %>

关键部分解释 #

• 参数传递：movies_path(dates: your_date_variable)里的dates是你要传递的参数键，your_date_variable是具体的参数值（比如@current_date、用户选择的日期变量等）。点击链接后，首页就能通过params[:dates]获取该参数，从而展示对应的数据。
• Font Awesome图标：class: "fa fa-caret-left"是Font Awesome的左箭头图标类，确保你的项目已经正确引入Font Awesome资源（CDN或本地安装均可），这样就会显示左箭头，替代原来的"p"文本。
• 元素标识：id: "dates"给这个链接设置了唯一ID，方便后续做JavaScript交互或者自定义样式。

小提示 #

如果需要给按钮加鼠标悬停提示，可以加上title属性：

<%= link_to movies_path(dates: @selected_date), id: "dates", class: "fa fa-caret-left", title: "返回首页" do %>
<% end %>

内容的提问来源于stack exchange，提问作者Matthew Bins