Я создаю портфолио фотографий, и я хотел бы, чтобы html содержал список с одним элементом списка для каждого альбома, например:
<ul class="content-area__list">
<ls class="content-area__album-title">cat album</ls>
<ls class="content-area__album-title">dog album</ls>
</ul>
Я хотел бы создать этот контент, пока компиляция с использованием веб-пакета с использованием ключей от объекта в файле javascript. Файл выглядит так:
class AlbumList {
constructor() {
this.list =
{'cat album': ['cat-photo.jpg', 'meow.jpg', 'paws.jpg'],
'dog album': ['woof.jpg', 'tail-wag.jpg']}
} }
export default AlbumList
Я могу сгенерировать html при загрузке сайта, но так как список будет меняться только перед компиляцией, я бы не стал заставлять браузер пользователя генерировать список. Также я прикрепляю слушатели событий к каждому элементу списка из модуля, отличного от того, который создает элементы списка, поэтому было бы проще, если бы файл html уже содержал элементы списка. Пожалуйста, дайте мне знать, если это возможно, или есть лучший способ сделать это. Спасибо!