add each child template into a template tag

reallygoodsoftware · Jun 8, 2024 · 0ead842 · 0ead842
1 parent 41c5756
commit 0ead842
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/lib/entity.js b/lib/entity.js
@@ -85,14 +85,17 @@ export class Entity {
   }
 
   setEachItemTemplate() {
-    if (this.element.dataset.childTemplate) return
-    this.element.dataset.childTemplate = this.element.innerHTML
+    if (this.getEachItemTemplate()) return
+    const template = document.createElement('template')
+    template.innerHTML = this.element.innerHTML
+    template.id = "ChildTemplate:" + this.id
+    document.body.appendChild(template)
+    this.element.dataset.templateId = template.id
   }
 
   getEachItemTemplate() {
-    const template = document.createElement('template')
-    template.innerHTML = this.element.dataset.childTemplate
-    return template.content
+    const template = document.getElementById(this.element.dataset.templateId)
+    return template?.content
   }
 
   getClosestEl(attr) {