Fazendo injeção de dependência

Author: LuizCarlosVilela

src/app/courses/course-list.component.ts

@@ -1,3 +1,4 @@
+import { CourseService } from './course.service';
 import { Component, OnInit } from '@angular/core';
 import { Course } from './course';
 
@@ -9,29 +10,8 @@ import { Course } from './course';
 export class CourseListComponent implements OnInit {
 
     courses: Course[] = [];
-
+    constructor(private courseService: CourseService) { }
     ngOnInit(): void {
-        this.courses = [
-            {
-                id: 1,
-                name: "Angular",
-                imageUrl: "/assets/images/forms.png",
-                price: 99.99,
-                code: "XPS123",
-                duration: 120,
-                rating: 4.5,
-                releaseDate: "November, 2, 2019"
-            },
-            {
-                id: 2,
-                name: "Angular",
-                imageUrl: "/assets/images/http.png",
-                price: 99.99,
-                code: "XPS123",
-                duration: 120,
-                rating: 4.0,
-                releaseDate: "November, 4, 2019"
-            }
-        ]
+        this.courses = this.courseService.retriveAll();
     }
 }

src/app/courses/course.service.ts

@@ -1,7 +1,18 @@
 import { Course } from './course';
+import { Injectable } from '@angular/core';
 
+
+@Injectable({
+    providedIn: "root"
+})
 export class CourseService {
 
+    
+
+    retriveAll(): Course[]{
+        return COURSES;
+    }
+
 }
 
 var COURSES: Course[] = [