fix: nested component

KevinBLT · Jan 9, 2024 · aac4dc4 · aac4dc4
1 parent 8637559
commit aac4dc4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/@hec.js/ui/example/nested-component/b.html b/packages/@hec.js/ui/example/nested-component/b.html
@@ -1 +1 @@
-<div>{{ text }}</div>
+<div>Hi nested: {{ text }}</div>
diff --git a/packages/@hec.js/ui/example/nested-component/index.html b/packages/@hec.js/ui/example/nested-component/index.html
@@ -9,7 +9,9 @@
   </head>
   <body>
 
-    <c-a></c-a>
+    <c-a text="Peter"></c-a>
+    <c-a text="Herbert"></c-a>
+    <c-a text="Paula"></c-a>
 
   </body>
 </html>
diff --git a/packages/@hec.js/ui/lib/src/template.js b/packages/@hec.js/ui/lib/src/template.js
@@ -141,6 +141,10 @@ export function templateByNode(template, props = {}) {
   const findExpression = (node) => {
     const parentNode = node.parentNode;
 
+    if (node.nodeName == '#document-fragment') {
+      nodeProps.set(node, props);
+    }
+
     if (node instanceof HTMLElement) {
 
       nodeProps.set(node, props);
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<div>{{ text }}</div>
		<div>Hi nested: {{ text }}</div>