Angular Core Deep Dive

Author: Your Name

src/app/course-card/course-card.component.ts

@@ -1,8 +1,9 @@
 import {
+    AfterContentChecked, AfterContentInit, AfterViewChecked, AfterViewInit,
     Attribute,
     ChangeDetectionStrategy,
     ChangeDetectorRef,
-    Component,
+    Component, DoCheck,
     EventEmitter,
     Input, OnChanges,
     OnDestroy,
@@ -16,10 +17,12 @@ import {CoursesService} from '../services/courses.service';
 @Component({
     selector: 'course-card',
     templateUrl: './course-card.component.html',
-    styleUrls: ['./course-card.component.css'],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    styleUrls: ['./course-card.component.css']
 })
-export class CourseCardComponent implements OnInit, OnDestroy, OnChanges {
+export class CourseCardComponent implements
+    OnInit, OnDestroy, OnChanges,
+    AfterContentChecked, AfterViewChecked,
+    AfterContentInit, AfterViewInit, DoCheck {
 
     @Input()
     course: Course;
@@ -31,6 +34,8 @@ export class CourseCardComponent implements OnInit, OnDestroy, OnChanges {
     courseEmitter = new EventEmitter<Course>();
 
 
+
+
     constructor(private coursesService: CoursesService,
                 @Attribute('type') private type: string) {
 
@@ -41,36 +46,59 @@ export class CourseCardComponent implements OnInit, OnDestroy, OnChanges {
 
     ngOnChanges(changes) {
 
-        console.log("ngOnChanges", changes);
+        console.log('ngOnChanges', changes);
     }
 
     ngOnInit() {
 
-        console.log("ngOnInit", this.course);
+        console.log('ngOnInit');
+
+
+    }
+
+    ngDoCheck() {
+        console.log("ngDoCheck");
+    }
 
+    ngAfterContentInit() {
+        console.log("ngAfterContentInit");
+    }
+
+    ngAfterViewInit() {
+        console.log("ngAfterViewInit");
+    }
+
+
+    ngAfterContentChecked() {
+
+        console.log('ngAfterContentChecked');
+
+    }
+
+    ngAfterViewChecked() {
+
+        console.log('ngAfterViewChecked');
 
     }
 
     ngOnDestroy() {
 
-        console.log("ngOnDestroy");
+        console.log('ngOnDestroy');
 
     }
 
-    onTitleChanged(newTitle:string) {
+    onTitleChanged(newTitle: string) {
 
         this.course.description = newTitle;
 
     }
 
 
-    onSaveClicked(description:string) {
+    onSaveClicked(description: string) {
 
         this.courseEmitter.emit({...this.course, description});
 
     }
 
 
-
-
 }