如何使用 ejs 连接 html 属性中的字符串？

Question

我正在尝试使用 ejs 模板引擎创建一个指向随机文件的链接。我有一个名为 randomProject 的 javascript 字符串变量，它位于名为“case”的文件中。但是，我不知道如何将这两个字符串连接在一起。

我曾尝试使用“加号”符号，<a href=<% "/case/" + randomProject%>>但没有奏效。

index.ejs（在我想做一个随机链接之前）

<a href='/case/portfolio-website'>
    <h2>Portfolio Website</h2>
</a>

index.ejs（在我想做一个随机链接之后，现在不起作用）

<a href=<% "/case/" + randomProject%>>
<h2><%= randomProject %></h2>
</a>

主文件

const projects = ['gochiso','junction','portfolio-website','tedx-flyer','tedx-website','thirty-logo-challenge']
const randomNum = Math.floor(Math.random() * projects.length);
const randomProject = projects[randomNum]

目录

case
  gochiso.ejs
  portfolio-website.ejs
  thirty-logo-challenge.ejs
  junction.ejs
  tedx-website.ejs

Answer 1

您可以通过以下几种方式进行连接：

使用 template literal

<a href="<%= `/case/${randomProject}` %>">

定期ejs输出转义的html

<a href="/case/<%= randomProject %>">