Angular Core Deep Dive Course

Author: Your Name

src/app/app.component.html

@@ -15,7 +15,7 @@
 
   <div class="courses">
 
-    <course-card *ngFor="let course of  courses | filterByCategory: 'ADVANCED' "
+    <course-card *ngFor="let course of  courses | filterByCategory: 'BEGINNER' "
                  (courseChanged)="save($event)"
                  type="beginner"
                  [course]="course">

src/app/app.component.ts

@@ -27,15 +27,8 @@ export class AppComponent implements OnInit {
 
     onEditCourse() {
 
-        const course = this.courses[0];
+            this.courses[1].category = 'ADVANCED';
 
-        const newCourse = {
-            ...course,
-            description: 'ngOnChanges',
-            cardIndex: 1
-        };
-
-        this.courses[0] = newCourse;
     }
 
     save(course: Course) {

src/app/courses/filter-by-category.pipe.ts

@@ -10,6 +10,8 @@ export class FilterByCategoryPipe implements PipeTransform {
 
     transform(courses: Course[], category:string) {
 
+        console.log('Called transform()');
+
         return courses.filter(course => course.category === category);
     }