Added the data object inside app.component.ts

src/app/app.component.html

@@ -1,4 +1,4 @@
-<hello name="{{ name }}"></hello>
+
 <p>
   Start editing to see some magic happen :)
 </p>

src/app/app.component.ts

@@ -6,5 +6,26 @@ import { Component } from '@angular/core';
   styleUrls: [ './app.component.css' ]
 })
 export class AppComponent  {
-  name = 'Angular';
+  frontends = [
+    {
+      name: 'Angular',
+      details: {
+        type: 'framework',
+        versions: {
+          current: 8,
+          previous: 7
+        } 
+      }
+    },
+    {
+      name: 'React',
+      details: {
+        type: 'library',
+        versions: {
+          current: 16.9,
+          previous: 16.8
+        } 
+      }
+    }
+  ];
 }

src/app/app.module.ts

@@ -3,11 +3,10 @@ import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 
 import { AppComponent } from './app.component';
-import { HelloComponent } from './hello.component';
 
 @NgModule({
   imports:      [ BrowserModule, FormsModule ],
-  declarations: [ AppComponent, HelloComponent ],
+  declarations: [ AppComponent ],
   bootstrap:    [ AppComponent ]
 })
 export class AppModule { }