почему не использовать шаблон уже в js
особенно если использовать template string ``?
(() => {
const data = [{
'class': 'news-box',
'title': 'Title 1',
'content': 'Lorem inpsum'
}, {
'class': 'news-box',
'title': 'Title 2',
'content': 'Lorem inpsum'
}, {
'class': 'news-box',
'title': 'Title 3',
'content': 'Lorem inpsum'
},];
const tmpl = (data) => {
return `<div class="${data.class}"><h2>${data.title}</h2><p>${data.content}</p></div>`
};
const rootApp = document.querySelector('#rootApp');
const htmlContent = data.map(el => tmpl(el)).join('');
rootApp.innerHTML = htmlContent;
})();