Как можно сделать частичный вывод между узлами?

Question

Одна вещь привлекла мое внимание чтением возможностей hyperHTML:

• частичные выходы между узлами

Я пытаюсь сделать массив дополнительных элементов document.body, поэтому не удаляйте существующие, которые были определены в HTML-файле. Декларативный рендер, который добавил бы массив элементов и обновил бы элементы, если было изменение.

Answer 1

Спасибо, я узнал, как это сделать. Это суть этого.

  function update(modals) {
    appendOnce(render(modals));
  }

  function render(modals) {
    return html`${modals.map(renderModal)}`;
  }

  function renderModal(modal) {
    return wire(modal)`
      <div>${modal.id}</div>
      <h2>It is ${new Date().toLocaleTimeString()}.</h2>
    `;
  }

Он добавляет каждый модальный один раз к существующему html-файлу, а затем, если состояние пользовательского интерфейса изменяется, он обновляет каждый модальный с изменениями.

Смотрите пример здесь: https://jsfiddle.net/luwes/xcz3d79f/