Angular Core Deep Dive

Author: Your Name

src/app/app.component.html

@@ -6,16 +6,14 @@
 </div>
 
 
-
-
-
 <div class="courses">
 
     <course-card
-        *ngFor="let course of courses;index as i;"
-
+        *ngFor="let course of courses | slice:0:2  ;index as i;"
             (courseSelected)="onCourseSelected($event)"
-                 [course]="course" [cardIndex]="i + 1"></course-card>
+                 [course]="course" [cardIndex]="i + 1">
+
+    </course-card>
 
 </div>
 

src/app/app.component.ts

@@ -11,6 +11,16 @@ export class AppComponent {
 
     courses = COURSES;
 
+    title = COURSES[0].description;
+
+    price = 9.992423424242;
+
+    rate = 0.67;
+
+    course = COURSES[0];
+
+    startDate = new Date(2000, 0, 1);
+
     onCourseSelected(course:Course) {
 
         console.log("App component", course);

src/db-data.ts

@@ -4,7 +4,7 @@ export const COURSES: any = [
 
     {
         id: 1,
-        description: "Angular Core Deep Dive",
+        description: "Angular core deep dive",
         iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png',
         longDescription: "A detailed walk-through of the most important part of Angular - the Core and Common modules",
         lessonsCount: 10