Variable repeatConst

Директива, которая повторяет серию значений (обычно TemplateResults), сгенерированных из итерируемого объекта, и эффективно обновляет эти элементы при изменении итерируемого объекта на основе предоставленных пользователем keys, связанных с каждым элементом.

Если предоставлен keyFn, поддерживается строгая привязка ключа к DOM: предыдущий DOM для данного ключа перемещается в новую позицию при необходимости, и DOM никогда не будет повторно использоваться для разных ключей (новый DOM всегда создаётся для новых ключей). Это, как правило, наиболее эффективный способ использования repeat, так как выполняется минимум лишней работы при вставках и удалениях.

keyFn принимает два параметра: элемент и его индекс, и возвращает уникальное значение ключа.

html`
  <ol>
    ${repeat(this.items, (item) => item.id, (item, index) => {
      return html`<li>${index}: ${item.name}</li>`;
    })}
  </ol>
`
Copy

Важно: если передан keyFn, ключи должны быть уникальными для всех элементов в одном вызове repeat. Поведение при совпадении ключей для двух и более элементов не определено.

Если keyFn не передан, директива будет работать аналогично сопоставлению элементов со значениями, и DOM может быть повторно использован для разных элементов.