How to Add a New Component

[skeshive]

1. my-app --> src --> app --> components --> CREATE NEW FOLDER with .ts, .html, and .css files
2. In the .ts file add (change header to name of component)

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

@Component({
  selector:'header',
  templateUrl:'./header.component.html',
  styleUrls: ['header.component.css']
})

export class HeaderComponent { }

3. my-app --> src --> app --> app.module.ts --> IMPORT component and ADD declaration
4. my-app --> src --> app --> app.component.html --> ADD selector tag so HTML shows up on main page

[nikitarajput]

can also use:
ng g component my-new-component