在Haml视图中,可以通过以下步骤为不同的视图导入不同的JS文件到布局中:
public/js
。%script
标签来导入JS文件。可以根据需要在不同的视图中使用不同的%script
标签。- if condition
。%script
标签来导入相应的JS文件。可以使用相对路径或绝对路径来指定文件的位置。以下是一个示例:
# layout.haml
!!!
%html
%head
%title My Website
%meta{:charset => "utf-8"}
%script{:src => "/js/common.js"} // 导入公共的JS文件
- if @view == "home"
%script{:src => "/js/home.js"} // 导入home视图所需的JS文件
- if @view == "about"
%script{:src => "/js/about.js"} // 导入about视图所需的JS文件
%body
= yield
在上面的示例中,我们首先导入了一个公共的JS文件common.js
,然后根据视图的不同,使用条件语句导入了不同的JS文件。例如,如果当前视图是home
,则导入home.js
文件;如果当前视图是about
,则导入about.js
文件。
请注意,示例中的路径/js/common.js
、/js/home.js
和/js/about.js
是相对于项目的静态资源目录的路径。你需要根据实际情况修改这些路径。
希望以上回答能够满足你的需求。如果你有任何其他问题,请随时提问。
领取专属 10元无门槛券
手把手带您无忧上云