diff --git a/src/app/detail/detail.component.ts b/src/app/detail/detail.component.ts
old mode 100644
new mode 100755
index 8b64639..de09a39
--- a/src/app/detail/detail.component.ts
+++ b/src/app/detail/detail.component.ts
@@ -1,10 +1,13 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
   selector: 'app-detail',
   templateUrl: './detail.component.html',
   styleUrls: ['./detail.component.css']
 })
-export class DetailComponent {
+export class DetailComponent implements OnInit{
+
+  ngOnInit(): void {
+  }
 
 }
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 0cb0d0f..120d63d 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -1,10 +1,12 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css']
 })
-export class HomeComponent {
+export class HomeComponent implements OnInit {
+  ngOnInit(): void {
+  }
 
 }
diff --git a/src/app/list/list.component.ts b/src/app/list/list.component.ts
index a92a495..81829f7 100644
--- a/src/app/list/list.component.ts
+++ b/src/app/list/list.component.ts
@@ -1,10 +1,11 @@
-import { Component } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 @Component({
   selector: 'app-list',
   templateUrl: './list.component.html',
   styleUrls: ['./list.component.css']
 })
-export class ListComponent {
-
+export class ListComponent implements OnInit {
+  ngOnInit(): void {
+  }
 }