Как объединить строки в атрибуте html, используя ejs? - PullRequest
0 голосов
/ 12 мая 2019

Я пытаюсь сделать ссылку на случайный файл, используя шаблонизатор ejs. У меня есть строковая переменная javascript с именем randomProject, которая находится в файле с именем "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>

main.js

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

1 Ответ

1 голос
/ 12 мая 2019

Несколько способов объединения:

Использование template literal

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

Обычный ejs для вывода экранированного html

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