Angular Universal In Depth

Author: Your Name

src/app/course/course.component.ts

@@ -28,7 +28,9 @@ export class CourseComponent implements OnInit {
 
     constructor(
         private route: ActivatedRoute,
-        private coursesService: CoursesService) {
+        private coursesService: CoursesService,
+        private title: Title,
+        private meta: Meta) {
 
     }
 
@@ -38,6 +40,18 @@ export class CourseComponent implements OnInit {
 
         this.course = this.route.snapshot.data["course"];
 
+        this.title.setTitle(this.course.description);
+
+        this.meta.updateTag({name: "description", content: this.course.longDescription});
+
+        this.meta.addTag({name: 'twitter:card', content: 'summary'});
+        this.meta.addTag({name: 'twitter:site', content: '@AngularUniv'});
+        this.meta.addTag({name: 'twitter:title', content: this.course.description});
+        this.meta.addTag({name: 'twitter:description', content: this.course.description});
+        this.meta.addTag({name: 'twitter:text:description', content: this.course.description});
+        this.meta.addTag({name: 'twitter:image', content: 'https://avatars3.githubusercontent.com/u/16628445?v=3&s=200'});
+
+
         this.dataSource = new MatTableDataSource([]);
 
         this.coursesService.findAllCourseLessons(this.course.id)