目前,我的导航栏位于我的index.htm.erb 文件中。目前仅在主页上显示。
我想知道为了让导航栏出现在我的应用程序的每一页上,必须采取哪些必要步骤?
我的导航栏的代码如下所示:
<header class="navbar navbar-inverse">
<div class="navbar-class">
<div class="container">
<!-- Collect the nav links, forms, and other content for toggling -->
<ul class="nav navbar-nav">
<li class="active"><a href="#">HOME</a></li>
<li><%=link_to "ABOUT", about_us_path%></li>
<li><%=link_to "OUR SERVICES", our_services_path %></li>
<li><%=link_to "RATES", rates_path %></li>
<li><%=link_to'CAREERS', careers_path%></li>
<li><a href="#">TRAINING</a></li>
<li><%= link_to"GALLERY", gallery_path %></li>
<li><%=link_to"MEDIA", media_path%></li>
<li><%=link_to"FAQS", faq_path %></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
</header>
任何投入将不胜感激。
Thanks
如果你去app/views/layouts/application.html.erb,你会看到类似这样的东西:
<!DOCTYPE html>
<html>
<head>
<title>SampleApp</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
这是渲染应用程序的每个页面的模板。这是您要放置导航栏的位置。您可以直接剪切并粘贴到此文件,也可以将其渲染为部分文件。
要将其呈现为部分内容,请将导航栏代码保存在同一目录中并根据您的喜好命名,但请确保将其保存为“.html.erb”并且以下划线开头。例如:“_navbar.html.erb”。
下划线让 Rails 知道它是一个部分,而“.html.erb”告诉 Rails 使用哪个预处理器。
将其保存为“app/views/layouts/_navbar.html.erb”后,将其呈现在“application.html.erb”中:
...
<body>
<%= render "layouts/navbar" %>
<%= yield %>
</body>
...
然后它应该显示在每个页面上。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)