Update app.component.ts file with nested components

import { Component } from '@angular/core';

import { ChildComponent } from './child.component';
                @Component({
                selector: 'digit',
     	styles : [`
                     .parent {
                              	background : #c7c7c7;
                              	padding: 20px;
                 	}
     	`],
                template: `
                     <div class="parent">
                              	<h1>{{name}}</h1>
                                  <child-component></child-component>
                     </div>
     	`,
     	directives : [ChildComponent]
            	})
            	export class AppComponent {
     	name = "Parent Component"
}