Angular and Firebase App

Author: Your Name

src/app/course-detail/course-detail.component.html

@@ -10,7 +10,7 @@ <h2>{{ (course$ | async)?.description  }}</h2>
         <button (click)="next()">Next Page</button>
     </div>
 
-    <lessons-list [lessons]="lessons" (lesson)="navigateToLesson($event)"></lessons-list>
+    <lessons-list *ngIf="lessons" [lessons]="lessons" (lesson)="navigateToLesson($event)"></lessons-list>
 
     <div class="tools-bar">
         <button >New Lesson</button>

src/app/home/home.component.html

@@ -6,6 +6,6 @@ <h4>Total Lessons: {{lessons?.length}}</h4>
 
 <div class="lessons-list-container v-h-center-block-parent">
 
-    <lessons-list [lessons]="filtered"></lessons-list>
+    <lessons-list *ngIf="filtered" [lessons]="filtered"></lessons-list>
 
 </div>