Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как отрендерить шаблон (https://javascript.ru/forum/misc/71493-kak-otrenderit-shablon.html)

Luca 22.11.2017 20:53

Как отрендерить шаблон
 
Здравствуйте.
есть шаблон, например
let tmpl = `
<div> ${desc} </div>
<img src=${url}>
`

и массив объектов
[
   {
    desc: "picture 1",
    url: "img1.png"
   },
  {
    desc: "picture 2",
    url: "img2.png"
  }
]

не догоняю как в цикл это дело организовать, чтобы на выходе было
<div> picture 1 </div>
<img src="img1.png">
<div> picture 2 </div>
<img src="img2.png">

ruslan_mart 22.11.2017 21:43

const data = [
   {
    desc: "picture 1",
    url: "img1.png"
   },
  {
    desc: "picture 2",
    url: "img2.png"
  }
];

let result = '';

for(let item of data) {
   result += `
      <div> ${item.desc} </div>
      <img src="${item.url}">
   `;
}

console.log(result);


Часовой пояс GMT +3, время: 03:21.