Mastering TypeScript 3 - Third Edition

Angular setup

Now that we have a conceptual view of what our application will look like, we can start implementing this layout by setting up an Angular application. As we have seen in earlier Angular projects, we start by issuing an ng new command to use the Angular command line interface. This process will set up all of the required dependencies that Angular needs, and create an initial app.component.ts and app.component.html file for us.

Our app/app.component.ts file could not be simpler:

import { Component } from '@angular/core'; 
 
@Component( { 
    selector : 'app-root', 
    templateUrl : 'app/app.component.html', 
    styleUrls: ['app/app.component.css'] 
}) 
export class AppComponent  
{ 
    title = "angular-sample"; 
} 

Here, we import the Component module ...