обновление div с использованием .inner HTML с помощью ejs - PullRequest
0 голосов
/ 18 апреля 2020

Я хочу обновить отображаемый виджет на моем веб-сайте e js в зависимости от того, что выберет пользователь. Эта функция запускается, когда пользователь выбирает новый виджет:

function widgetSwitch(chosenWidget, div){
switch(chosenWidget){
    case "weather":
        console.log("Switch : " + chosenWidget);
        div.innerHTML = "<%- include (" + "widgets/weatherWidget.ejs" + ") %>"
        break;
    case "timer":
        console.log("Switch : " + chosenWidget);
        div.innerHTML = "<%- include (" + "widgets/timerWidget.ejs" + ") %>";
        break;
    }
}

Функция обновляет div следующим образом:

<div id="widget1Div"><%- include (widgets/weatherWidget.ejs) %></div>

Проблема заключается в том, что он просто отображает содержимое div как текст, включающий в себя шаблон e js. Если я понял, как e js работает правильно, проблема в том, что e js отображается на стороне сервера, а не на стороне клиента.

Есть ли способ включить шаблон js впоследствии. Может быть, загрузив его в кеш или что-то?

Спасибо за помощь!

...