使用 EJS 和 HTML 向已添加类的元素添加其他类？

Question

我目前正在尝试使用 ejs 为导航栏开发部分模板文件，但是我正在努力向已添加类的元素添加其他类。

我尝试了两种添加附加类的方法，这是第一种：

<li class='navbar-item'<% if (pageTitle === 'Home') { %> class="active" <% } %>> <a href="/home">Home</a></li>

然而这不起作用，所以我决定尝试将 EJS 嵌入到类属性中，如下所示

<li class="nav-item <% if (pageTitle === 'Home') { %> active <% } %>"> 

这也不起作用，我确保 pageTitle 被正确提供，因为它在网页中的其他地方使用并且工作正常。

我不确定下一阶段是什么，我考虑过使用额外的 JS 文件，但这似乎适得其反，因为我已经能够将 JS 嵌入到 HTML 中。

感谢任何帮助，提前致谢。

Answer 1

您可以使用这样的条件运算符让您的生活更轻松

<li class="<%= pageTitle == 'Home' ? 'navbar-item active' : 'navbar-item' %>"