Как динамически создать N количество элементов html с помощью HandleBars Express. js - PullRequest
Новая
       11

Как динамически создать N количество элементов html с помощью HandleBars Express. js

0 голосов
/ 03 апреля 2020

У меня есть каталог с N количеством файлов изображений. Я заполнил файлы изображений в массив. Я хочу динамически генерировать Bootstrap карты, используя размер массива. Я использую express руль для достижения этой цели. Заглянул в вспомогательную функцию #each. Но мне не везет, генерируя N просто тегов Вот мой код. Что я делаю не так?

testCardsLayout.handlebars 

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    {{#each numberOfImages}}
    <h1>Hi</h1>
    {{/each}}

</body>

</html>

сервер. js (маршрутизатор для тестовых карт) 

    router.get('/testcards', (request, response) => {
  response.render('cardsLayout', {
    layout: 'testCardsLayout',
    numberOfImages: pathToImages
  });
});

сервер. js (функция заполнить массив изображениями) 

    fs.readdir(imageRelativeFolderPath, (error, data) => {
  if (error) {
    console.log('Error: Line 119' + error);
  } else console.log(data);
  for (var i = 0; i < data.length; i++) {
    var imagefile = data[i].toString();
    console.log(path.join('/', 'img', imagefile));
    pathToImages = new Array(data.length);
    pathToImages.push(path.join('/', 'img', imagefile));
    console.log(pathToImages.length);
  }
...