Mastering TypeScript 3 - Third Edition

RightScreen component

Let's now go ahead and create the last component in our application, which covers the right hand or detail screen, named RightScreenComponent. Again, this is generated as follows:

ng generate component rightscreen 

This will create a rightscreen.component.ts file, an HTML file, and a CSS file for this component. We will not focus on the HTML and CSS files for this component yet, as they are a simple cut and paste from the existing HTML and CSS from our app.component files. Let's instead take a look at the updates to the Angular class for this component, as follows:

import { Component, EventEmitter, Output } from '@angular/core'; @Component( { selector: 'rightscreen-component', templateUrl: './rightscreen.component.html', ...