如何正确设置Ejs Partials

Question

我有一个ejs侧边栏部分

<div class="col-3 flex-nowrap">
<nav id="sidebar">
    <!-- Sidebar Header -->
    <div class="sidebar-header text-center">
        <h1 id="notification">Notification</h1>
    </div>
    <!-- Sidebar Links -->
    <ul class="nav-list">
        <li class="active"><a href="#">Edit Profile</a></li>
        <li><a href="#">Privacy & Security</a></li>
        <li><a href="#">Payment Setting</a></li>
        <li><a href="#">Transaction History</a></li>
        <li><a href="#">Trust & Verfication</a></li>
        <li><a href="#">My Education Blog</a></li>
        <li><a href="#">Promotions</a></li>
    </ul>
    <ul id="cancel"><a><strong>Cancel Account</strong></a></ul>
</nav>

在我的notifcation.ejs中，我以这种方式包括了部分

<%-include("./partials/sidebar.ejs")%>

由于我想重用侧边栏的部分内容，因此我希望该侧边栏的标题在每个页面上都不同。

例如：在notification.ejs页面中，已将其设置为在该侧边栏标题中包含通知。 但是在promotions.ejs中，我希望该标头改为宣传。

如何在侧边栏的每个链接中指定要使用的侧边栏标题？

Answer 1

您要归档的是在局部文件中传递变量。 这是文档的链接，在“ 包括”部分中，您可以找到有关此案例的信息。

例如，您的局部可以看起来像

<!-- Sidebar Header -->
    <div class="sidebar-header text-center">
        <h1 id="notification"><%= title %></h1>
    </div>

而且当您使用局部时，可以使用变量定义它

<%-include("./partials/sidebar.ejs", { title: title })%>