fix(astro-angular): check the component inputs before setting (#81)

Related to #79
analogjs · Sep 7, 2022 · c440629 · c440629
1 parent 78feab2
commit c440629
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/packages/astro-angular/src/client.ts b/packages/astro-angular/src/client.ts
@@ -1,5 +1,8 @@
 import 'zone.js/dist/zone.js';
-import type { ɵComponentType as ComponentType } from '@angular/core';
+import {
+  reflectComponentType,
+  ɵComponentType as ComponentType,
+} from '@angular/core';
 import { ApplicationRef, NgZone, createComponent } from '@angular/core';
 import { createApplication } from '@angular/platform-browser';
 
@@ -17,9 +20,17 @@ export default (element: HTMLElement) => {
           hostElement: element,
         });
 
-        if (props) {
+        const mirror = reflectComponentType(Component);
+        if (props && mirror) {
           for (const [key, value] of Object.entries(props)) {
-            componentRef.setInput(key, value);
+            if (
+              mirror.inputs.some(
+                ({ templateName, propName }) =>
+                  templateName === key || propName === key
+              )
+            ) {
+              componentRef.setInput(key, value);
+            }
           }
         }