Angular Core Deep Dive

Author: Your Name

src/app/app.component.ts

@@ -5,6 +5,7 @@ import {CourseCardComponent} from './course-card/course-card.component';
 import {HighlightedDirective} from './directives/highlighted.directive';
 import {Observable} from 'rxjs';
 import {HttpClient, HttpParams} from '@angular/common/http';
+import {CoursesService} from './services/courses.service';
 
 @Component({
   selector: 'app-root',
@@ -15,12 +16,15 @@ export class AppComponent implements OnInit {
 
   courses$ : Observable<Course[]>;
 
-  constructor(private http: HttpClient) {
+  constructor(private http: HttpClient,
+              private coursesService: CoursesService) {
 
   }
 
   ngOnInit() {
 
+      console.log(this.coursesService);
+
       const params = new HttpParams()
           .set("page", "1")
           .set("pageSize", "10");

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

@@ -13,6 +13,7 @@ import {
 } from '@angular/core';
 import {Course} from '../model/course';
 import {CourseImageComponent} from '../course-image/course-image.component';
+import {CoursesService} from '../services/courses.service';
 
 @Component({
     selector: 'course-card',
@@ -31,12 +32,14 @@ export class CourseCardComponent implements OnInit {
     courseEmitter = new EventEmitter<Course>();
 
 
-    constructor() {
+    constructor(private coursesService: CoursesService) {
 
     }
 
     ngOnInit() {
 
+        console.log("coursesService course card", this.coursesService);
+
     }
 
 

src/app/services/courses.service.spec.ts

@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { CoursesService } from './courses.service';
+
+describe('CoursesService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [CoursesService]
+    });
+  });
+
+  it('should be created', inject([CoursesService], (service: CoursesService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/app/services/courses.service.ts

@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CoursesService {
+
+  constructor() {
+
+      console.log("creating CoursesService");
+
+  }
+}