ng g component components/header

import { Component, OnInit } from '@angular/core'; /*引入 angular 核心*/

@Component({

  selector: 'app-header', /*使用这个组件的名称*/

  templateUrl: './header.component.html', /*html 模板*/

  styleUrls: ['./header.component.scss'] /*css 样式*/

})

export class HeaderComponent implements OnInit { /*实现接口*/

  constructor() { }/*构造函数*/

  ngOnInit() {/*初始化加载的生命周期函数*/

  }

}

<!--The content below is only a placeholder and can be replaced.-->

<div style="text-align:center">

  <h1>

    Welcome to {{ title }}

  </h1>

</div>

<app-header></app-header>

<router-outlet></router-outlet>