Guard clause on ngAfterContentInit

TAMULib · Oct 2, 2020 · 0ae1425 · 0ae1425
1 parent 94b193a
commit 0ae1425
Showing 1 changed file with 20 additions and 12 deletions.
diff --git a/projects/wvr-elements/src/lib/wvr-list/wvr-list-item/wvr-list-item.component.ts b/projects/wvr-elements/src/lib/wvr-list/wvr-list-item/wvr-list-item.component.ts
@@ -46,18 +46,26 @@ export class WvrListItemComponent extends WvrBaseComponent implements OnInit, Af
   }
 
   ngOnInit(): void {
-    this.parent = this.componentRegistry
-      .getComponentByElement((this._eRef.nativeElement as HTMLElement).closest('wvr-list')) as WvrListComponent;
-    this.parent.addListItem(this);
-
-    const listTypeAttribute = this.parent ? this.parent.listType : undefined;
-    this.listType = listTypeAttribute ? listTypeAttribute : 'unordered';
-    const parentTheme = this.parent ? this.parent.context : undefined;
-    this.context = this.context ?
-                   this.context :
-                   parentTheme ?
-                   parentTheme :
-                   undefined;
+
+    const listElem: HTMLElement = (this._eRef.nativeElement as HTMLElement).closest('wvr-list');
+
+    if (listElem) {
+      this.parent = this.componentRegistry
+      .getComponentByElement(listElem) as WvrListComponent;
+      this.parent.addListItem(this);
+
+      const listTypeAttribute = this.parent ? this.parent.listType : undefined;
+      this.listType = listTypeAttribute ? listTypeAttribute : 'unordered';
+      const parentTheme = this.parent ? this.parent.context : undefined;
+      this.context = this.context ?
+                    this.context :
+                    parentTheme ?
+                    parentTheme :
+                    undefined;
+    } else {
+      console.warn('The wvr-list-item component must be contained within a wvr-list component.');
+    }
+
   }
 
 }