如何正确设置EJS部分

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")%>

由于我想重复使用侧边栏部分，所以我希望该侧边栏中的标头在每个页面上都不同。

ex：在Notification.ejs页面中，它已经设置为该侧栏标题中的通知。但是在促销中。

如何在侧边栏的每个链接中指定哪个侧边栏标头？

Answer 1

您要存档的是在部分内传递变量。这是指向文档的链接， include 部分您可以找到有关此情况的信息。

例如，您的部分看起来像

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

当您使用部分时，可以使用变量

定义它

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